Question

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

对于工具提示触发器，我有2个互斥选项：＆＃34;选择＆＃34;或＆＃34;专注＆＃34;

以下是＆＃34;焦点＆＃34;的示例触发器： 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.单击数据点使其保持不变，然后单击工具提示中的超链接

最终目标是在悬停时触发工具提示，并且仍然可以在工具提示消失之前单击超链接？

Answer 1

将tooltip.trigger选项设置为'both'：

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

如何使谷歌图表工具提示保持点击以单击其中的链接

1 个答案: