2017-05-27 49 views
0

我希望能够在Highcharts饼图中开启和关闭点的颜色。如何在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中的一个错误。

回答

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 
    }); 
} 
相关问题