Highcharts 折线图 - 数据点上的超链接

Question

我正在开发一个使用 Highcharts API 创建折线图的应用程序。此应用程序涉及绘制日期与时间线图。

我需要为所有或部分数据点提供动态超链接。

正在从数据库表中检索此图表的数据并将其转换为 JSON。然后这个 JSON 被 JavaScript 解析并转换成可以被 Highcharts API 使用的数据数组。在将数据从 JSON 转换为数据数组时，在 JavaScript 中进行了一些数据操作。

Highcharts API 接受由 [x, y] 组合组成的数据数组格式的输入。

由于我需要为所有或部分数据点创建一个动态超链接，因此我创建了另一个包含超链接的数组。

当用户单击特定超链接时，我无法即时从数组中检索超链接 URL。

我尝试使用它，它们是在这个小提琴中使用的，http://jsfiddle.net/awasM/1/

我的代码的 sn-p 如下所示：

series: [{
        name: 'Release',
        data: dataArray,
        URLs: urlArray,
        point: {
            events: {
                click: function() {
                    var someURL = this.series.userOptions.URLs[this.x];
                    if (someURL != "undefined")
                        window.open(someURL);
                }
            }
        }
    }]

但是，在我的例子中，日期（Unix/Epoch 时间格式）在 x 轴上（时间在 y 轴上），所以使用 x 轴值不起作用。

Answer 1

我希望你能匹配这个代码来修复一些东西。

  point: {
             events: {
                      click: function() {
                        var pointObject = this;
                        var pointindex = pointObject.x;
                        var pointdata = pointObject.y;
                        var getIndexOfURL = this.series.userOptions.URLs[pointindex];
                        var getIndexOfData = this.series.userOptions.data[pointindex];   
                        if (getIndexOfURL){
                           window.open('http://'+getIndexOfURL);
                        }

                      }
             }
        }