Google punto grafico a colori

Question

E 'possibile cambiare il colore punto in Google grafico api, qualcosa di simile:

Da questo:

A tal:

Grazie!

Answer 1

Prova dare un'occhiata a questo jsFiddle Example creato da asgallant here

"Non è alcun supporto nell'API per fare linee e punti dati hanno colori diversi della stessa serie. Puoi falso che cosa voglio, però, usando un DataView con i tuoi dati ripetuti in due colonne: fai la prima serie colorata "nera" e la seconda colorata "rossa" con la larghezza della linea = 0 e la dimensione del punto> 0. "

dall'esempio:

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

Grazie per il suggerimento. Tuttavia, la serie 1 non funziona per me: Il codice seguente, stampa la linea in blu ma non mostra i punti. Se cambio 1 e 0. Quindi mostra i punti in rosso, ma non c'è linea. Prima invece della serie avevo appena pointSize: 4, subito dopo l'hAxis. Ha funzionato, tranne i punti e la linea dello stesso colore.

{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 
      } 
     } 
}