Question

我希望能够在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中的一个错误。

Answer 1

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
  });
}

如何在Highcharts饼图中取消设置动态应用的点颜色？

1 个答案: