在折线图上显示线条和点 - Google可视化API

Question

是否可以将一个数据系列表示为点而将另一个表示为线条？

在下面的图表中，我希望将蓝色的“数据”行表示为点，而将其他系列保留为行，这可以使用Google Visualisations来完成吗？

我用下面的代码

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

Answer 1

当然可以产生上述this fiddle图！
http://code.google.com/apis/chart/interactive/docs/gallery/linechart.html

在该链接中，转到“系列”部分。您可以将每行指定为一系列，并将lineWidth属性设置为0，覆盖默认值。这应该具有不绘制线和数据点的效果。在你的情况下，你可以将第一系列（“数据”）设置为0，并让其余部分独立。