如何将href合并到google可视化库javascript中?
我正在使用谷歌的可视化库在我的Rails应用程序中绘制图表。我现在的代码是:如何将href合并到google可视化库javascript中?,javascript,google-visualization,Javascript,Google Visualization,我正在使用谷歌的可视化库在我的Rails应用程序中绘制图表。我现在的代码是: var data = google.visualization.arrayToDataTable([ ['Phrase', 'Frequency'], <% @frequency.each do |key,value| %> ['<%= key %>', <%= value %>], <% end %&
var data = google.visualization.arrayToDataTable([
['Phrase', 'Frequency'],
<% @frequency.each do |key,value| %>
['<%= key %>', <%= value %>],
<% end %>
]);
var data=google.visualization.arrayToDataTable([
[‘短语’、‘频率’],
['', ],
]);
这很有效。但是,我想启用一个功能,允许用户单击y轴上的值,然后触发事件(例如打开链接)。我尝试了下面的代码,但不起作用。关于如何将a href合并到上面的js代码段中,有什么建议吗
var data = google.visualization.arrayToDataTable([
['Phrase', 'Frequency'],
<% @frequency.each do |key,value| %>
[<a href = "#"'<%= key %>'</a>, <%= value %>],
<% end %>
]);
var data=google.visualization.arrayToDataTable([
[‘短语’、‘频率’],
[, ],
]);
我也愿意在图表上显示的工具提示中包含href
指向API的链接是:有两种方法可以做到这一点 HTML工具提示 第一个是用于在鼠标悬停在工具栏上时显示URL 这是最简单的方法,但这是你的第二选择 自定义事件处理程序 要在单击图表项时发生某些事情,需要创建自定义事件处理程序 首先看一下条形图上的文档。在这种情况下,您需要使用
select
事件
调用select
事件时,可以使用getSelection()
函数查看正在选择的数据行。如果您有要在第三列中使用的URL,则只需对所选行使用data.getValue()
,然后使用javascript根据需要打开链接
您可以根据自己的喜好对其进行配置,但这将使您能够找到正确的路径来解决此问题