2012-03-26 130 views
9

我想要一个谷歌折线图,其中一个系列线是虚线。谷歌折线图的虚线

这可能使用谷歌jsapi(javascript)?

我实际上正在计划使用ComboChart,其中大部分数据都使用AreaChart,但使用LineChart的系列使用了一个。我想这条线是虚线...

+0

你看过http://fusioncharts.com/ – 2012-03-27 12:27:17

回答

13

是的,你可以。 只需阅读文档上的data table roles

您绘制的每个点都可能是确定的(肯定:真)或不确定(确定性:错误)。在两点之间,如果一方或双方都不确定,那么两者之间的界线将被打破。

你就必须这样做:

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

六月和七月之间的界线也将破灭。

现在它是风格“实验”,但随时问! :) 希望它帮助你!

+0

这也适用于dataView。如上所述设置“数据”变量,然后你可以做var view = new google.visualization.DataView(data)。在此之后,当调用view.setColumns()时,请确保添加了确定列的新列索引。 – scottndecker 2016-08-04 04:26:19