在折线图上显示线条和点 - Google Visualization API

Question

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

在下面的图表中，我希望将蓝色“数据”行表示为点，同时将其他系列保留为线条，是否可以使用Google Visualisations完成？

我使用以下代码

在this fiddle中生成了上图

   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

是的，你可以！
http://code.google.com/apis/chart/interactive/docs/gallery/linechart.html

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