在Visualizations API中使用Google的带注释的时间轴，您是否可以插入注释而不管数据集？

Question

我可以在图表上的特定数据集上插入注释，但我希望图表上有多行而不将注释与特定行相关联，而是使用日期。

这是我想要做的example。注意气泡附加到x轴而不是图表上的特定线。

我已经通读了API，看不到像这样的选项，但想知道是否有人知道。

感谢。

Answer 1

没有经验，但我的即时反应是，您可以尝试使用附加了全部零的注释作为数据 - 并将其从图例中排除？

Answer 2

如果您不介意将SVG Line Chart与Annotations一起使用，则可以更灵活地重新创建此项。如果将“注释”列设置为紧跟X轴值，则注释将显示在图表的最底部（在轴上），而不会附加到任何类别。这是一个示例：

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('number','Day');
  data.addColumn({type: 'string', role: 'annotation'});
  data.addColumn({type: 'string', role: 'annotationText'});
  data.addColumn('number', '.DJI');
  data.addColumn('number', '.INX');
  data.addColumn('number', '.INIC');
  data.addRows([
    [1, null, null, 1000, 400, 300],
    [2, 'A', 'did stuff', 1170, 460, 400],
    [3, 'B', 'did more stuff', 660, 1120, 540],
    [4, null, null, 1030, 540, 620],
    [5, 'C', 'stopped stuff', 1070, 600, 700]
  ]);

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

这最终看起来像这样：