0

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

    var data = google.visualization.arrayToDataTable([
      ['Phrase', 'Frequency'],
        <% @frequency.each do |key,value| %>
            ['<%= key %>', <%= value %>],
        <% end %>
    ]);

这行得通。但是，我想启用一个功能，允许用户单击 y 轴上的值，然后触发一个事件（例如打开一个链接）。我尝试了下面的代码，但它不起作用。关于如何将 href 合并到上面的 js 片段中的任何建议？

    var data = google.visualization.arrayToDataTable([
      ['Phrase', 'Frequency'],
        <% @frequency.each do |key,value| %>
            [<a href = "#"'<%= key %>'</a>, <%= value %>],
        <% end %>
    ]);

我也愿意在图表上显示的工具提示中包含一个 href。

API 的链接是：https ://developers.google.com/chart/interactive/docs/gallery/barchart

4

1 回答 1

0

有两种方法可以做到这一点。

HTML 工具提示

第一种是使用html 工具提示在您将鼠标悬停在栏上时显示 URL。

这是最简单的方法，但它是您的第二选择。

自定义事件处理程序

要在单击图表项时发生某些事情，您需要创建一个自定义事件处理程序。

首先查看条形图上的事件文档。在这种情况下，您将需要使用select事件。

当select事件被调用时，您可以使用该getSelection()函数查看正在选择的数据行。如果您有要在第三列中使用的 URL，您可以只data.getValue()用于选定的行，然后使用 javascript 根据需要打开链接。

您可以根据需要对其进行配置，但这应该使您能够找到正确的路径。

于 2013-04-15T01:31:18.373 回答