Highcharts---更改向下展开饼图上的切片颜色
我正在尝试更改饼图上的切片点颜色。向下钻取时,无法使用切片上的选择功能更改颜色。颜色始终更改回其父切片的颜色 例如,当单击父图表上的绿色切片进行向下搜索时,在子图表上单击的任何切片都将变为绿色,即使我尝试在plotOptions中设置的select事件中将其更改为黄色。但取消选择它将通过单击另一个切片将颜色更改为黄色 对我来说,这好像是一只虫子Highcharts---更改向下展开饼图上的切片颜色,highcharts,pie-chart,drilldown,Highcharts,Pie Chart,Drilldown,我正在尝试更改饼图上的切片点颜色。向下钻取时,无法使用切片上的选择功能更改颜色。颜色始终更改回其父切片的颜色 例如,当单击父图表上的绿色切片进行向下搜索时,在子图表上单击的任何切片都将变为绿色,即使我尝试在plotOptions中设置的select事件中将其更改为黄色。但取消选择它将通过单击另一个切片将颜色更改为黄色 对我来说,这好像是一只虫子 $('#container').highcharts({ chart: { typ
$('#container').highcharts({
chart: {
type: 'pie'
},
title: {
text: 'Browser market shares. November, 2013.'
},
subtitle: {
text: 'Click the slices to view versions. Source: netmarketshare.com.'
},
plotOptions: {
series: {
allowPointSelect: true,
point: {
events: {
select: function() {
this.update({color: 'yellow'});
}
}
},
dataLabels: {
enabled: true,
format: '{point.name}: {point.y:.1f}%'
}
}
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
},
series: [{
name: 'Brands',
colorByPoint: true,
data: brandsData
}],
drilldown: {
series: drilldownSeries
}
});
$(“#容器”)。高图({
图表:{
键入:“馅饼”
},
标题:{
文字:“浏览器市场份额,2013年11月。”
},
副标题:{
text:“单击片段以查看版本。来源:netmarketshare.com。”
},
打印选项:{
系列:{
allowPointSelect:true,
要点:{
活动:{
选择:函数(){
更新({color:'yellow'});
}
}
},
数据标签:{
启用:对,
格式:'{point.name}:{point.y:.1f}%'
}
}
},
工具提示:{
headerFormat:“{series.name}
”,
pointFormat:“{point.name}:{point.y:.2f}占总数的百分比
”
},
系列:[{
名称:'品牌',
colorByPoint:对,
数据:brandsData
}],
向下展开:{
系列:钻井系列
}
});
是小提琴。我在这一点上有点晚了,但这是一个已知的海图问题。使用选定和未选定的事件,而不是使用选择事件。这里有一个细微的区别,因为使用select通常不会在单击后直接触发。然而,这两个事件更可靠
在当前版本的Highcharts(Highcharts Basicv7.2.1)中,一切都正常工作