Я пытаюсь настроить пользовательские подсказки Google Charts с полным HTML в них.
Я знаю, как включать всплывающие подсказки и передавать соответствующие данные - проблема в том, что даже когда опция allowHTML
включена, всплывающие подсказки отображаются как обычный текст, поэтому, например, я не могу показать изображение в подсказке.
Вот небольшой пример того, что я собираюсь сделать:
Один из способов решения этой проблемы - отключить всплывающие подсказки, захватить события onmouseover и использовать другую библиотеку (например, cluetip) для отображения всплывающих подсказок по курсору, но мне было интересно, есть ли более чистый, собственный способ включить такую функциональность в Графики Google.
Также, пожалуйста, ознакомьтесь с моим другим вопросом об изображениях как маркеров точки в диаграммах Google.
Edit:
В то же время я нашел очень хорошую и довольно недорогую библиотеку (60 $за сайт), которая охватывает эту функциональность: Highcharts library
Как вы можете видеть в примере, можно передать функцию, которая будет форматировать всплывающие подсказки - достаточно легко добавить специальное свойство для каждого datapoint, содержащего URL-адрес, который можно использовать для динамической загрузки содержимого всплывающих подсказок. Затем всплывающие подсказки можно кэшировать, добавляя дополнительное свойство к каждой точке данных в серии. Я реализовал его таким образом, и он отлично работает.
Надеюсь, что последнее редактирование поможет кому-то.