Настраиваемая всплывающая подсказка в Google Sheets Org Chart - PullRequest
Новая
       26

Настраиваемая всплывающая подсказка в Google Sheets Org Chart

0 голосов
/ 07 ноября 2018

Я пытаюсь найти способ создания настраиваемой всплывающей подсказки в Org Chart, созданной с использованием Google Sheets.

В настоящее время у меня есть диаграмма Org, которая создается путем простого выбора данных на листе и вставки диаграммы через меню. Недавно я узнал, что можно иметь собственную подсказку (см. [Пример здесь] [1] [1]: https://developers.google.com/chart/interactive/docs/customizing_tooltip_content#tooltip-actions)

Мои данные в настоящее время находятся под 3 столбцами. Я не могу понять, как вызвать данные из листа, чтобы нарисовать организационную диаграмму с пользовательскими подсказками.

Я бы хотел сохранить возможность динамического обновления диаграммы при каждом изменении / добавлении / удалении данных с листа.

Может кто-нибудь, пожалуйста, помогите мне с этим.

С наилучшими пожеланиями, Syed H

1 Ответ

0 голосов
/ 07 ноября 2018

вам нужно использовать всплывающую подсказку свойства true в опции 

var options = {
   tooltip: {isHtml: true},
   legend: 'none'
};

тогда вы можете добавить всплывающую подсказку в AddColumns и вам просто нужно передать всплывающую подсказку для содержимого в add Row 

function drawChart() {
   var dataTable = new google.visualization.DataTable();
   dataTable.addColumn('string', 'Year');
   dataTable.addColumn('number', 'Sales');
   // A column for custom tooltip content
   dataTable.addColumn({type: 'string', role: 'tooltip'});
   dataTable.addRows([
      ['2010', 600,'First Tooltip'],
      ['2011', 1500, 'Second Tooltip'],
      ['2012', 800, 'Third Tooltip'],
      ['2013', 1000, '$1M in sales last year.']
]);

Вот пример JSFiddle для гистограммы: https://jsfiddle.net/foufrix/qfcps6vu/3/

А вот для Оргкомитета: https://jsfiddle.net/foufrix/z3fvm9p1/2/

Пользовательская подсказка для оргструктуры с использованием css: https://jsfiddle.net/z3fvm9p1/7/ Реализация кода W3S: https://www.w3schools.com/css/css_tooltip.asp

Если у вас есть динамические данные, вы можете их прослушивать, и каждый раз, когда они меняются, вы можете перезапустить функцию drawChart

...