如何在Highcharts餅圖中取消設置動態應用的點顏色？

Question

我希望能夠在Highcharts餅圖中開啓和關閉點的顏色。

這裏的操作順序

1. 首先，我要呈現圖表

2. 接下來，我將使用point.update

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

3. 更新series.point顏色然後，我想取消在步驟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}) 

我怎樣才能取消設置點的顏色嗎？

目前我的解決方法是重繪整個圖表！感覺這可能是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 
    }); 
}