2012-03-26 13 views
9

Chciałbym mieć wykres liniowy google z jedną z linii szeregowych przerywaną linią.Linie przerywane dla wykresu liniowego google

Czy jest to możliwe przy użyciu google jsapi (javascript)?

Właściwie planuję używać ComboChart, z AreaChart dla większości danych, ale jedną serię przy użyciu LineChart. I chciałbym, żeby ta linia była linią przerywaną ...

+0

Czy obejrzałeś http://fusioncharts.com/ –

Odpowiedz

13

Tak, możesz. Po prostu przeczytaj o data table roles na dokumencie

Każdy punkt, który rysujesz, może być pewny (pewność: prawda) lub niepewny (pewność: fałszywy). Pomiędzy dwoma punktami, jeśli jeden lub oba są niepewne, linia między nimi zostanie przerywana.

po prostu trzeba zrobić tak:

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); 

linia między czerwcem a lipcem będzie przerywana.

Na razie jest to styl "eksperymentalny", ale nie wahaj się zapytać! :) Mam nadzieję, że ci pomogło!

+0

Działa to również z DataView. Ustaw zmienną "data" tak, jak to zrobiono powyżej, następnie możesz zrobić var ​​view = new google.visualization.DataView (data). Następnie, wywołując metodę view.setColumns(), pamiętaj o dodaniu nowego indeksu kolumny dla dodanej kolumny pewności. – scottndecker

Powiązane problemy