如何動態更改Highcharts（特定的HighMaps）的背景顏色？

當用戶在頁面中選擇一個主題時，高圖的backgroundcolor也應根據用戶選擇而改變。我的代碼：如何動態更改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。任何類型的建議都會有所幫助。

來源

2017-03-27 User12_24_4004

你能否給我div的'ID'或'CLASS'這是舉行高圖 –

您需要實際分配新的顏色圖表選項

chart1.options.chart.backgroundColor = colorCode

我做了一個小提琴，是以顏色從下拉菜單（這會效仿你的用戶不斷變化的主題），並將其設置爲你的背景圖http://jsfiddle.net/grLrmxhd/1/

來源

2017-03-27 14:12:55

除了你的答案，還可以使用chart.update（）方法動態地改變圖表選項。我已經準備了一個使用chart.update更改圖表背景顏色的示例。更新：http://jsfiddle.net/grLrmxhd/2/ –

非常感謝你。它的工作，感謝很多。 –

如何動態更改Highcharts（特定的HighMaps）的背景顏色？

回答

相關問題