Визуализация Google: нарисуйте вертикальную линию в аннотационной диаграмме

Мне удалось успешно отобразить данные с помощью диаграммы аннотаций.

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

введите здесь описание изображения

Любые попытки сделать это с помощью роли аннотации и дополнительных строк данных не увенчались успехом (JsFiddle) :

var data = new google.visualization.DataTable();
    data.addColumn('date', 'Date');
    data.addColumn('number', 'Kepler-22b mission');
    data.addColumn({type:'string', role:'annotation'});
    data.addColumn({type:'string', role:'annotationText'});

data.addRows([
      [new Date(2314, 2, 15), 12400, undefined, undefined],
      [new Date(2314, 2, 16), 24045, 'Lalibertines', 'First encounter'],
      [new Date(2314, 2, 17), 35022, undefined, undefined],
      [new Date(2314, 2, 18), 12284, 'Lalibertines', 'Attack on our crew!'],
      [new Date(2314, 2, 20), 8476, undefined, undefined],
      [new Date(2314, 2, 21), 0, 'Lalibertines', 'All crew lost']
]);

Это вообще возможно? Если нет, может ли кто-нибудь порекомендовать какие-либо другие возможности?

Спасибо.


person Genti Saliu    schedule 27.06.2016    source источник
comment
не думаю, что вы доберетесь туда с AnnotationChart -- но очень возможно с ComboChart --› см. этот ответ -- используйте опцию annotations:{style:'line'}, чтобы получить метки рядом с вертикальными линиями...   -  person WhiteHat    schedule 28.06.2016