Question

我在Highcharts中有一张饼图。单击饼图的切片应加载与该数据系列关联的URL。例如，如果有25％的切片包含yahoo.com的网址和35％切切到google.com，则点击35％切片会将用户带到google.com。< / p>

这是我在系列中添加的内容：

// ...
point: {
    events: {
        click: function(e) {
            location.href = e.point.url;
            e.preventDefault();
        }
    }
}
// ...

data = [{
      y: 55.11,
      color: colors[0],
      url: 'www.google.com', 
      drilldown: {
         name: 'MSIE versions',
         categories: ['MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0'],
         data: [10.85, 7.35, 33.06, 2.81],
         url: 'www.google.com',
         color: colors[0]
      }
}, { .......many more dataset ...

我有一个如上所述的JS小提琴，但is not working。

在同一个例子中，有人建议在系列中添加url，但这会使所有切片指向同一个URL。

此示例类似于but also does not work。

Answer 1

调试破坏的示例后，问题是传递给图表的数据中不包含url：

// add browser data
browserData.push({
    name: categories[i],
    y: data[i].y,
    color: data[i].color,

    // missing this line!
    url: data[i].url
 });

完成后，它就像docs describe：

一样简单

point: {
    events: {
        click: function(e) {
            location.href = this.options.url;
        }
    }
}

HighChart：带有URL的甜甜圈派

1 个答案: