javascript - 如何将特定超链接添加到 highcharts 折线图？

Question

例如，在这个演示中:http://www.highcharts.com/demo/line-ajax ，当您单击这些点时，您会看到一个包含信息的弹出窗口。不过查看代码，它似乎是每个点的函数。

如何将链接到另一个页面的点击功能添加到每个单独的点？例如，示例中的点按月拆分。我希望能够点击一个月，然后说出该月的维基百科页面。

我基本上没有 JavaScript 经验，或者说实话，没有任何与网页设计相关的经验，如果这是微不足道的，我深表歉意!

谢谢!

Answer 1

为了打开特定点的特定链接，您必须在数据本身的点对象中提供一些信息。

您可以提供完整的 url，如果每个点都会打开一个完全不同的页面，或者您可以包含一个唯一的标识符，然后该页面将使用该标识符来显示特定内容。

然后在 plotOptions 中设置事件处理程序:

plotOptions: {
        series: {
                cursor:'pointer',
                point:{
                    events:{
                        click:function() {
                            var href = 'http://www.google.com?q=' + this.options.q;
                            window.open(href);
                        }
                    }
                }
            }
        },

在此示例中，我在事件处理程序中提供了一个基本 url，并从每个单独点的点对象中提取查询参数。

例子:

• > http://jsfiddle.net/jlbriggs/8YRq9/