2012-03-26 162 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