Используя аннотированную временную шкалу Google в API визуализаций, можете ли вы вставлять аннотации независимо от набора данных?

Question

Я могу вставить аннотации для определенных наборов данных на графике, но я хочу, чтобы на графике было несколько строк, не связывая аннотацию с конкретной строкой, а вместо этого с датой.

Вот пример того, что я хочу сделать. Обратите внимание на пузырьки, добавленные к оси x, а не на конкретную линию на графике.

Я прочитал API и не вижу такой опции, но спрашиваю, знает ли кто-нибудь способ.

Спасибо.

Answer 1

Если вы не возражаете против использования линейной диаграммы SVG с аннотациями , вы также можете воссоздать ее с большей гибкостью. Если вы установите столбец «Аннотации» так, чтобы он непосредственно следовал значениям оси 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},}
          );
}

В итоге это выглядит так:

Answer 2

Нет опыта, но моя мгновенная реакция заключалась в том, что вы можете попробовать серию с аннотациями, прикрепленными со всеми нулями в качестве данных, - и исключить ее из легенды?