Fac*_*alm 2 javascript google-visualization
我有一个带有工具提示的Google图表。工具提示文字可能包含一些链接
对于工具提示触发器,我有2个互斥的选项:“选择”或“焦点”
这是“焦点”触发器的示例: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);
Run Code Online (Sandbox Code Playgroud)
如何使两者同时工作,即:
1.将鼠标悬停在数据点上以查看值
2.单击数据点以使其停留,然后单击工具提示中的超链接
最终目的是在悬停时触发工具提示,并且仍然能够在工具提示中单击超链接之前将其消失?
将tooltip.trigger选项设置为'both':
tooltip: {
isHtml: true,
trigger: 'both'
}
Run Code Online (Sandbox Code Playgroud)