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