Как добавить всплывающую подсказку в диаграммах Google
И использовал Google Charts для визуализации моих данных. Я пытался найти ответ на этот вопрос, но не смог найти никого, кто бы имел такую же проблему, как у меня, или, возможно, моя проблема действительно базовая. Ценю, если кто-то может мне помочь.
Я построил диаграмму Санки, выполнив шаги, перечисленные в Google Charts - Диаграмма Санки. Вот мой график: http://kuangkeng.github.io/keng-data-journalism/procurement%20project/sankey/index.html
Однако я хотел бы добавить всплывающую подсказку к каждой строке / пути / ссылке, чтобы при наведении курсора мыши пользователи могли видеть значение и другие детали строки.
Согласно Google Charts (ссылка выше), я могу запустить событие mouseover, используя 'onmouseover' и 'onmouseout', но Google Charts не показывает, как это сделать для диаграммы Санки.
Затем я рассмотрел пример использования "onmouseover" и "onmouseout" в гистограмме Google: https://developers.google.com/chart/interactive/docs/examples
Поэтому я скопировал код, изменил и вставил в свой код.
google.visualization.events.addListener(chart, 'onmouseover', barMouseOver);
google.visualization.events.addListener(chart, 'onmouseout', barMouseOut);
function barMouseOver(e) {
chart.setSelection([e]);
}
function barMouseOut(e) {
chart.setSelection([{'row': null, 'column': null}]);
}
При наведении курсора мыши я получаю сообщение об ошибке "undefined не является функцией". Вы можете увидеть сообщение об ошибке в верхней части графика при наведении курсора на линии.
Я попытался использовать другую альтернативу, показанную в документации Google Charts, добавив в мои данные еще один столбец и назначив его роль "всплывающей подсказки", но он не работал для моего графика, поскольку Google Sankey Diagram может принимать только 3 столбца.
Цените, если кто-то может посмотреть или направить меня к любому доступному решению. Благодарю.