Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将href合并到google可视化库javascript中?_Javascript_Google Visualization - Fatal编程技术网

如何将href合并到google可视化库javascript中?

如何将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 %&

我正在使用谷歌的可视化库在我的Rails应用程序中绘制图表。我现在的代码是:

    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根据需要打开链接

您可以根据自己的喜好对其进行配置,但这将使您能够找到正确的路径来解决此问题