Используя аннотированную графическую шкалу Google в API визуализации, можете ли вы вставить аннотации независимо от набора данных?
-
19-09-2019 - |
Вопрос
Я могу вставить аннотации в конкретные наборы данных на графике, но я хочу иметь несколько строк на графике, не связывая аннотацию с определенной линией, но вместо этого с датой.
Вот пример из того, что я хочу делать. Обратите внимание на пузырьки, добавленные к оси X, а не определенную линию на графике.
Я прочитал API и не вижу такого варианта, но задаюсь вопросом, знает ли кто -нибудь.
Спасибо.
Решение
Нет опыта, но моя мгновенная реакция заключалась в том, что вы могли бы попробовать серию с аннотациями, прикрепленными со всеми нулями в качестве данных - и исключить его из легенды?
Другие советы
Если вы не против использовать 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},}
);
}
Это в конечном итоге выглядит так: