Question

我只是想通过highcharts允许每个数据部分或饼图系列是可点击的，例如。商店部分应链接到#shop_section我找到的演示文稿，其中全局链接设置为图表中的每个数据部分。但我只想点击我的三个数据部分/系列中的一个来访问一个唯一的#link。

   series: [{
        innerSize: '30%',
        data: [
            ['Shop', 10], 
            ['Buy', 10], 
            ['Own', 10], 
        ]
    }]
});

这不起作用：（尝试）

    data: [
        {name: 'Shop', 10, url: 'http://my_site1.com'},
        {name: 'Buy', 10,  url: 'http://my_site2.com'},
        {name: 'Own', 10,  url: 'http://my_site3.com'}
    ]

Answer 1

你的系列不正确，应该是：

data: [
    {name: 'Shop', y: 10, url: 'http://my_site1.com'},
    {name: 'Buy', y: 10,  url: 'http://my_site2.com'},
    {name: 'Own', y: 10,  url: 'http://my_site3.com'}
]

Answer 2

使用plotOptions可以完成工作：

    plotOptions: {
        series:{
            point:{
                events:{
                    click: function(){
                        window.location.href = this.url;
                    }
                }
            }
        },
    },

通过简单地使用一系列＆gt; point-＆gt;事件，我们可以指定将哪些事件委托给我们的系列点（在饼图的情况下，一个点是＆＃34;切片＆＃34;）。在事件处理函数本身，this指的是点击的点，因此我可以直接使用您设置的自定义属性url。

在饼图中添加自定义链接到系列/数据部分（highcharts.js）

2 个答案: