如何在Highcharts饼图中取消设置动态应用的点颜色？-Java 学习之路

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

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

回复于 2024-05-02T22:54:10+08:00

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

1 回答

相关问题