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

Question

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

在下图中，我希望将蓝色“数据”线表示为点，同时保留其他系列作为线，这可以使用 Google 可视化来完成吗？

我在 这个小提琴 使用以下代码

   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 并保留其余部分。