Highcharts动态更改绘图背景色

368yc8dk  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(283)

我尝试动态更改图表的plotBackgroundColor(在生成highcharts之后)。在此之前,对于很多属性,我使用了(示例):

chart.options.plotOptions.bar.dataLabels.format = '{y} meters'; \n";
 chart.options.tooltip.valueSuffix = 'meters'; \n";

所以,用同样的方法,我想改变我的plotBackground:

var gradient = {
  linearGradient: [0,400,0,0],
  stops: [
     [0, 'yellow'], 
     [1, 'black']
  ]
 };
 chart.options.chart.plotBackgroundColor = gradient;

但这不管用......有人有主意了吗?

xzv2uavs

xzv2uavs1#

Highcharts v5以上版本
使用chart.update()。演示:https://jsfiddle.net/BlackLabel/p5juc3no/1/
片段:

chart.update({
  chart: {
    plotBackgroundColor: 'transparent'
  }
});

Highcharts的较早版本:
使用element.attr()函数:http://jsfiddle.net/3bQne/204/
编码:

chart.plotBackground.attr({ 
  fill: 'white'
});

相关问题