一点上的悬停和选择工具提示(Google Charts)

时间:2014-09-02 10:29:41

标签: javascript html graph google-visualization

我正在谷歌图表中创建条形图。输入的数据非常简单,整数值。

我已将图表配置为使用工具提示将鼠标悬停在功能上,该工具提示会显示该类别'的简短说明。

    var data = google.visualization.arrayToDataTable([
['Category', 'Number of Artefacts', { role: 'tooltip' }, {role: 'style'}],
['Case Studies', 1, 'Project Summaries (Approach, Constraints, Results)', 'color: light blue' ],
['Communications', 2, 'Internal Comms & Announcements', 'color: light blue'],
['External Studies', 21, 'Consulting or Research Studies (Finance, Banking, Tech)', 'color: light blue' ],
['Functional Knowledge', 31, 'Rules, Policies & Training for better understanding of requirements and products', 'color: light blue' ]
  ]);

 var options = {
    title: 'Active Artefacts',
    tooltip: {isHtml: true},
    tooltiptextStyle: { color: 'black',
                        fontName: 'calibri',
                        fontSize: 14,
                        bold: false,
                        italic: false }
       };

除了这个悬停工具提示,我还希望在每个类别上都有一个选择工具提示,从而允许点击通过超链接到另一个站点。

我首先想知道如何插入额外的工具提示(只是在列定义中输入另一个可选的'角色?)然后我也将如何配置一个工具提示作为悬停另一个是选择。

有些例子中tooltip.trigger已被设置为' both'但是这并没有说明如何控制哪个工具提示具有哪个触发器。

0 个答案:

没有答案