2012-03-26 21 views
9

Mi piacerebbe avere un grafico a linee di google con una linea della linea una linea tratteggiata.Linee tratteggiate per un grafico a linee di google

Questo è possibile utilizzando il JSAPI Google (javascript)?

In realtà sto pianificando l'utilizzo di un ComboChart, con un AreaChart per la maggior parte dei dati, ma una serie che utilizza un LineChart. E mi piacerebbe che quella linea fosse una linea tratteggiata ...

+0

Hai guardato http://fusioncharts.com/ –

risposta

13

Sì, è possibile. Basta leggere lo data table roles sul documento

Ogni punto che disegni può essere certo (certezza: vero) o incerto (certezza: falso). Tra due punti, se uno o entrambi sono incerti, la linea tra verrà tratteggiata.

devi solo fare in questo modo:

var data = new google.visualization.DataTable(); 
data.addColumn('string', 'Month'); 
data.addColumn('number', 'Sales'); 
data.addColumn({type:'boolean',role:'certainty'}); // certainty col. 
data.addRows([ 
    ['April',1000, true], 
    ['May', 1170, true], 
    ['June', 660, true], 
    ['July', 1030, false] 
]); 
var chartLineWithDash = new google.visualization.LineChart(yourDiv); 
chartLineWithDash .draw(data); 

sarà tratteggiata la linea tra giugno e luglio.

Per il momento è lo stile "Sperimentale", ma sentitevi liberi di chiedere! :) Spero che ti abbia aiutato!

+0

Questo funziona anche con un DataView. Imposta la variabile "data" come fatto sopra, quindi puoi fare var view = new google.visualization.DataView (dati). Dopodiché, quando chiami view.setColumns() assicurati di includere il nuovo indice di colonna per la colonna di certezze aggiunta. – scottndecker

Problemi correlati