我希望能够在Highcharts饼图中打开和关闭点的颜色。
这是操作顺序
首先,我将渲染图表
接下来,我将使用point.update
更新series.point颜色 this.chart.series[0].points[0].update({color: 'red'});
然后我想取消设置我在步骤2中应用的颜色
除了缓存原始颜色。我试过了
this.chart.series[0].points[0].update({color: void 0});
this.chart.series[0].points[0].update({color: null});
我已经测试过,这适用于series.update,例如
this.chart.series[0].update({color: void 0})
如何取消Point上的颜色?
目前我的解决方法是重绘整个图表!感觉这可能是Highcharts中的一个错误。
答案 0 :(得分:0)
Fiddle演示以显示所需的步骤
// Initiate the chart
var chart = Highcharts.chart('container', {
chart: {
type: 'pie',
},
series: [{
name: 'Installation',
data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
}]
});
// function for update color
function update() {
chart.series[0].points[0].update({
color: 'red'
});
};
// function for unset color
function unsetColor() {
chart.series[0].points[0].update({
color: Highcharts.Color(Highcharts.getOptions().colors[0]).input
});
}