2011-03-17 84 views
5

是否可以將一個數據系列表示爲點而將另一個表示爲線條?在折線圖上顯示線條和點 - Google可視化API

在下面的圖表中,我希望將藍色的「數據」行表示爲點,而將其他系列保留爲行,這可以使用Google Visualisations來完成嗎?

Google Visualisation (Line Graph)

我用下面的代碼

function drawVisualization() { 
    // Create and populate the data table. 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'x'); 
    data.addColumn('number', 'Data'); 
    data.addColumn('number', 'High'); 
    data.addColumn('number', 'Low'); 
    data.addRow(["A", 1, 5.5, 2.3]); 
    data.addRow(["B", 2, 5.5, 2.3]); 
    data.addRow(["C", 7, 5.5, 2.3]); 
    data.addRow(["D", 3, 5.5, 2.3]); 
    data.addRow(["E", 6, 5.5, 2.3]); 
    data.addRow(["F", 5, 5.5, 2.3]); 


    // Create and draw the visualization. 
    new google.visualization.LineChart(document.getElementById('visualization')). 
     draw(data, { 
     width: 500, height: 400} 
     ); 
} 

回答

8

當然可以產生上述this fiddle圖!
http://code.google.com/apis/chart/interactive/docs/gallery/linechart.html

在該鏈接中,轉到「系列」部分。您可以將每行指定爲一系列,並將lineWidth屬性設置爲0,覆蓋默認值。這應該具有不繪製線和數據點的效果。在你的情況下,你可以將第一系列(「數據」)設置爲0,並讓其餘部分獨立。

+0

謝謝你。我還需要設置pointSize選項,只需將lineWidth設置爲零即可刪除該系列。新的google.visualization.LineChart(document.getElementById('visualization'))。 draw(data,{ series:{0} {0} {color:'green',visibleInLegend:true,lineWidth:0,pointSize:2}, 1:{color:'red',visibleInLegend:true}, 2 :{color:'blue',visibleInLegend:true} } }); – SausageFingers 2011-07-27 10:17:00

+0

良好的通話!我在那裏看到那個屬性,但是我沒有檢查默認值是否工作。 – 2011-07-27 22:00:30

相關問題