javascript - 如何动态更改Highcharts(特别是HighMaps)的背景颜色？

当用户在页面中选择主题时，图表的背景色也应根据用户的选择进行更改。
我的代码：

    var colorCode="#fff";



var chart1=new Highcharts.mapChart('geoMap', {
 chart: {

     backgroundColor:colorCode,
     type: 'map'


 },
 title: {
     text: 'US'
 },

 legend: {
     enabled: true
 },
......
......
......
$('#theme1').click(function() {
    // colorCode="default"
     colorCode={
               linearGradient: [0, 0, 500, 500],
               stops: [
                 [0, 'rgb(142, 158, 171)'],
                 [1, 'rgb(238, 242, 243)']
               ]
             }

chart1.redraw();
});

但是图表没有刷新，因此colorCode没有得到应用。任何形式的建议都会有所帮助。

最佳答案

您实际上需要将新颜色分配给图表选项

chart1.options.chart.backgroundColor = colorCode

我做了一个小提琴，它从下拉列表中获取颜色（这将模拟您的用户更改主题）并将其设置为图表的背景http://jsfiddle.net/grLrmxhd/1/

关于javascript - 如何动态更改Highcharts(特别是HighMaps)的背景颜色？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43047735/