Javascript 向饼图(highcharts.js)中的系列/数据部分添加自定义链接

Javascript 向饼图(highcharts.js)中的系列/数据部分添加自定义链接,javascript,charts,highcharts,Javascript,Charts,Highcharts,我只是想让每个数据部分或饼图系列的via都可以点击,例如Shop section应该链接到#Shop_section,我找到了一个演示,其中全局链接被设置到了图表中的每个数据部分。但我只是希望通过单击我的三个数据部分/系列中的一个,可以访问一个独特的#链接 series: [{ innerSize: '30%', data: [ ['Shop', 10], ['Buy', 10],

我只是想让每个数据部分或饼图系列的via都可以点击,例如Shop section应该链接到
#Shop_section
,我找到了一个演示,其中全局链接被设置到了图表中的每个数据部分。但我只是希望通过单击我的三个数据部分/系列中的一个,可以访问一个独特的
#链接

   series: [{
        innerSize: '30%',
        data: [
            ['Shop', 10], 
            ['Buy', 10], 
            ['Own', 10], 
        ]
    }]
});
这不起作用:(尝试)


使用
plotOptions
可以完成以下工作:

    plotOptions: {
        series:{
            point:{
                events:{
                    click: function(){
                        window.location.href = this.url;
                    }
                }
            }
        },
    },
通过简单地使用系列->点->事件,我们可以指定哪些事件要委托给系列点(在饼图的情况下,点是“切片”)。
在事件处理程序函数本身上,
指的是单击的点,因此我可以直接使用您设置的自定义属性
url

使用
plotOptions
可以完成以下工作:

    plotOptions: {
        series:{
            point:{
                events:{
                    click: function(){
                        window.location.href = this.url;
                    }
                }
            }
        },
    },
通过简单地使用系列->点->事件,我们可以指定哪些事件要委托给系列点(在饼图的情况下,点是“切片”)。
在事件处理程序函数本身上,
指的是单击的点,因此我可以直接使用您设置的自定义属性
url

使用
plotOptions
可以完成以下工作:

    plotOptions: {
        series:{
            point:{
                events:{
                    click: function(){
                        window.location.href = this.url;
                    }
                }
            }
        },
    },
通过简单地使用系列->点->事件,我们可以指定哪些事件要委托给系列点(在饼图的情况下,点是“切片”)。
在事件处理程序函数本身上,
指的是单击的点,因此我可以直接使用您设置的自定义属性
url

使用
plotOptions
可以完成以下工作:

    plotOptions: {
        series:{
            point:{
                events:{
                    click: function(){
                        window.location.href = this.url;
                    }
                }
            }
        },
    },
通过简单地使用系列->点->事件,我们可以指定哪些事件要委托给系列点(在饼图的情况下,点是“切片”)。
在事件处理程序函数本身上,
引用单击点,因此我可以直接使用您设置的自定义属性
url

您的序列不正确,应该是:

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'}
]

您的序列不正确,应该是:

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'}
]

您的序列不正确,应该是:

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'}
]

您的序列不正确,应该是:

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'}
]

这看起来很不错,但如何指定哪个部分链接,例如名称“Shop”slice?嘿@JamesBond,请澄清你想要实现的目标:)我没有完全理解。上面的代码也适用于部分链接这看起来很棒,但是如何指定哪些部分链接,例如名称“Shop”切片?嘿@JamesBond,请澄清你的目的:)我不完全理解。上面的代码也适用于部分链接这看起来很棒,但是如何指定哪些部分链接,例如名称“Shop”切片?嘿@JamesBond,请澄清你的目的:)我不完全理解。上面的代码也适用于部分链接这看起来很棒,但是如何指定哪些部分链接,例如名称“Shop”切片?嘿@JamesBond,请澄清你的目的:)我不完全理解。以上代码也适用于链接部分请将您的示例复制为live demo,这不起作用。请将您的示例复制为live demo,这不起作用。请将您的示例复制为live demo,这不起作用。请将您的示例复制为live demo,这不起作用。