Question

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

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

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

Highcharts API接受包含[x，y]组合的数据数组格式的输入。

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

我无法动态检索数组中的超链接URL，因为用户点击了特定的超链接。

我尝试使用它，因为它已被用于这个小提琴，http://jsfiddle.net/awasM/1/

我的代码片段如下：

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);
                        }

                      }
             }
        }

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

1 个答案: