Я реализовал оболочку VueJS для Google Charts, которая называется vue -google-charts , и я собираюсь решить сценарий с подсказкой.
Я желая настроить всплывающую подсказку PieChart, используя toolip: {isHtml: true}, который установлен здесь в этой директиве опций, :options="chartDonutOptions".
Данные выглядят так:
chartDonutData: [
['Stage', 'Percent', 'Tooltip'],
['Data 1, null, ''],
['Data 2, null, ''],
['Data 3, null, ''],
['Data 4, null, ''],
['Data 5, null, '']
]
Обратите внимание на пустое строки в позиции 2 после null. Когда я делаю вызов API для обновления этого объекта, я присваиваю значения как null, так и пустым string позициям. Однако, когда я обновляю строковые значения в этих областях, я не могу заставить их отображаться при взаимодействии с каждым слайсом p ie.
Отображаются только позиции 0 и 1 массива:
Данные 1 15,743 (15,7%)
Я ожидаю позицию 0, 1 и 2 каждой строки для отображения:
Данные 1 15,743 (15,7%) Моя обновленная строка здесь!
В моих поисках , много комментариев предлагают о назначении роли в колонке.
Мне любопытно, как вы установите это в отношении VueJS / vue -google-charts . Пожалуйста, сообщите!