是否可以更改高圖的背景顏色？

Question

考慮以下情況：

chart.options.chart.backgroundColor= { 
     linearGradient: [0, 0, 0, 400], 
     stops: [ [0, 'rgb(96, 96, 96)'], 
     [1, 'rgb(16, 16, 16)'] ] 
    }; 
    chart.redraw(): 

這是所有在這裏：http://jsfiddle.net/S8f86/3/

是否有可能改變與事件圖表的背景顏色？

Answer 1

你可以用圖表呈現和SVG attribiute：

正如另一個海報所說，你可以按如下做畢業背景。

http://jsfiddle.net/S8f86/4/

this.renderer.button('Change background color', 74, 30, function(){ 

         var gradient = { 
          linearGradient: [0, 0, 0, 400], 
          stops: [ [0, 'rgb(96, 96, 96)'], 
            [1, 'rgb(16, 16, 16)'] ] 
         }; 

        chart.chartBackground.attr({ 
         fill:gradient 
        }); 

        }).add(); 

Answer 2

Highcharts沒有API調用來做到這一點。但是，您可以獲取底層元素並將一些CSS樣式應用於它們。例如

chart.chartBackground.css(
     { 
      color: '#555555', 
     }); 

http://jsfiddle.net/xzUcC/

如你直接操縱DOM，沒有必要調用重繪（）在圖表上。

var gradient = { 
     linearGradient: [0, 0, 0, 400], 
       stops: [ [0, 'rgb(96, 96, 96)'], 
          [1, 'rgb(16, 16, 16)'] ] 
     }; 
     chart.chartBackground.attr({ 
       fill:gradient 
     });