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

【问题标题】：How to unset a dynamically applied point color in a Highcharts pie chart?如何在 Highcharts 饼图中取消设置动态应用的点颜色？
【发布时间】：2017-10-28 13:37:53
【问题描述】：

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

【问题讨论】：

标签： highcharts

【解决方案1】：

Fiddledemo 按要求展示步骤

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

【讨论】：