de color

Question

Google de punto de gráfico ¿Es posible cambiar el color del momento de Google Chart, algo como esto:

De esta:

A esto:

Gracias!

Answer 1

Trate de tomar un vistazo a este jsFiddle Example creado por asgallant here

"No es ningún apoyo en la API para hacer líneas y puntos de datos tienen diferentes colores en la misma serie. Puede falsa que lo sin embargo, quiere, al usar un DataView con sus datos repetidos en dos columnas. Haga que la primera serie tenga el color 'negro' y la segunda coloreada 'roja' con lineWidth = 0 y pointSize> 0. "

Desde el Ejemplo:

var options = { 
     title: 'Load vs Length', 
     titlePosition: 'out', 
     legend: { 
      position: 'none' 
     }, 
     hAxis: { 
      title: 'Length (inch)', 
      viewWindow: { 
       min: 0 
      }, 
      format: '#.000' 
     }, 
     vAxis: { 
      title: 'Load (pound)', 
      viewWindow: { 
       min: 0 
      } 
     }, 
     series: { //Create 2 separate series to fake what you want. One for the line    and one for the points 
      0: { 
       color: 'black', 
       lineWidth: 2 
      }, 
      1: { 
       color: 'red', 
       lineWidth: 0, 
       pointSize: 5 
      } 
     } 

Answer 2

Gracias por su sugerencia. Sin embargo, la serie 1 no funciona para mí: El código siguiente, imprime la línea azul pero no muestra los puntos. Si cambio 1 y 0. Entonces muestra los puntos en rojo, pero no hay línea. Antes, en lugar de series, solo tenía PointSize: 4, justo después del eje. Eso funcionó, excepto los puntos y la línea donde el mismo color.

{title: 'progress', 

    vAxis: { 
      title: 'Grade', 
      titleTextStyle: {color: 'red'}, 
      gridlines: {count: 7}, 
      viewWindow: { min: 0, 
         max: 100, 
         valueLabelsInterval: 20} 
     }, 

    hAxis: { 
      title: 'Q date', 
      titleTextStyle: {color: 'red'}, 
      slantedText: true 
     }, 

    series: { 
      0: {lineWidth: 2}, 
      1: { 
      color: 'red', 
      lineWidth: 0, 
      pointSize: 4 
      } 
     } 
}