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

时间:2017-05-27 22:44:52

标签: highcharts

我希望能够在Highcharts饼图中打开和关闭点的颜色。

这是操作顺序

  1. 首先,我将渲染图表

  2. 接下来,我将使用point.update

    更新series.point颜色

    this.chart.series[0].points[0].update({color: 'red'});

  3. 然后我想取消设置我在步骤2中应用的颜色

  4. 除了缓存原始颜色。我试过了

    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中的一个错误。

1 个答案:

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