Highcharts - 提供系列数据的URL以打开可点击链接

时间:2013-04-23 18:17:52

标签: javascript highcharts

我想在我的系列中的每个数据点添加一个url,当点击的用户被重定向到该页面时。例如jsfiddle

series:[{data: [ [123.12,'http://xyz.com'],[332.32,'http://zzs.com'] ] }]

我能够获得可点击的点数,但我实际上是如何让他们找到我点击的点以及使用哪个网址我无法理解。我显然可以通过使用存储链接的替代数组来破解它...但我想使用图表,因为它意味着。

现在它已经解决,以便将来参考,以便能够在这里添加链接到您的点是代码:

http://jsfiddle.net/awasM/2/

2 个答案:

答案 0 :(得分:11)

这是一种方法(小提琴here):

                       series: [{
                            name: 'Batch',
                            URLs: ['www.google.com', null, null, 'www.yahoo.com', null, null, 'www.cnn.com', null, null, 'www.minecraft.net'], // pass in array of URLs
                            data: [4375.48, 113599.39, 1278, 83950.12, 6579.65, 94582, 1285.65, 48700.39, 500, 62917.27],
                            color:'#b8ecce',
                            point: {
                                events: {
                                    click: function() {
                                        var someURL = this.series.userOptions.URLs[this.x]; // onclick get the x index and use it to find the URL
                                        if (someURL)
                                            window.open('http://'+someURL);
                                    }
                                }
                            }
                       }],

答案 1 :(得分:5)

您可以使用结构:

 data:[{
   y:10,
   ownURL:'http://www.google.com'
 },{
   y:11,
   ownURL:'http://www.google2.com'
 },{
   y:5,
   ownURL:'http://www.google3.com'
 }]

然后你就可以通过

“获得”这个值了
this.point.options.ownURL