javascript - 我怎样才能让谷歌图表工具提示保持点击以点击其中的链接

标签 javascript google-visualization

我有一个带有工具提示的谷歌图表。 工具提示文本可能包含一些链接

对于工具提示触发器,我有 2 个相互排斥的选项:“selection”或“focus”

这是一个带有“焦点”触发器的例子: http://jsfiddle.net/5Y2kk/2/

      function drawVisualization() {
       var dataTable = new google.visualization.DataTable();
       dataTable.addColumn('number', 'Voltage (V)');
       dataTable.addColumn('number', 'Current (mA.)');
       dataTable.addColumn({role:'tooltip', type:'string','p':{html:true} });
       dataTable.addRows([
         [150, 64 , "<a href='https://www.google.com/'>https://www.google.com/</a>"],
         [160, 256 , "<a href='https://www.google.com/'>https://www.google.com/</a>"]
       ]);

         // Create and draw the visualization.
         new google.visualization.BarChart(document.getElementById('visualization')).
             draw(dataTable,
                  {title:"test",
                   width:600, height:400,
                   tooltip : {isHtml:true,trigger:'focus'}
                  }
             );
      }


      google.setOnLoadCallback(drawVisualization);

如何让两者同时工作,即:
1.鼠标悬停在数据点上查看数值
2.点击数据点使其停留,然后点击tooltip里面的超链接

最终目标是在悬停时触发工具提示,并且仍然能够在工具提示消失之前单击它中的超链接?

最佳答案

tooltip.trigger 选项设置为 'both':

tooltip: {
    isHtml: true,
    trigger: 'both'
}

关于javascript - 我怎样才能让谷歌图表工具提示保持点击以点击其中的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24926240/

相关文章:

javascript - 使用 javascript 处理 Ajax 遇到困难

angular - 我如何在 Angular 4 中放置 Google 图表

javascript - 谷歌图表 : One Tooltip for Entire Column

ruby - 使用 gchart (googlecharts) gem 时出错 - NameError : uninitialized constant Gchart

javascript - Google 图表 - 柱形图 Y 轴不可见

javascript - 在带有书签的索引处将文本插入 TinyMCE 时丢失选择

javascript - 谷歌柱形图 - 设置选定的柱形颜色

php - 是否可以在没有 javascript 的情况下实现 Oauth 2.0?

javascript - 将 SVG 路径转换为相关命令

php - Google Charts 来自 MySql 数据库的柱形图