2013-12-22 322 views
8

我真的不知道該怎麼做。更改HighCharts背景顏色?

我需要改變背景顏色的這個highcharts圖表:

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/polar-spider/

但我似乎並沒有能夠做到這一點 - 似乎沒有要放任何明確的地方背景顏色設置?

我試圖在本節寫了許多不同的值:

圖表:{

 polar: true, 
     type: 'line' 

    }, 

但它沒有做任何事情(偶爾打破了這個腳本)。

我是否需要在包含的.js文件中的某處更改它?或者可以從這個加載的腳本的級別完成?

JS真的很混亂。誰能幫我?

+0

整個圖表的六邊形內的背景,或只是部分價值? – DBS

回答

21

看看在Highcharts API這裏:http://api.highcharts.com/highcharts#chart--backgroundColor,你會看到它的,可以採取純色圖表對象的屬性:

{ 
    chart: { 
    backgroundColor: '#FCFFC5', 
    polar: true, 
    type: 'line' 
    } 
} 

或者Gradiant:

{ 
    chart: { 
    backgroundColor: { 
     linearGradient: [0, 0, 500, 500], 
     stops: [ 
     [0, 'rgb(255, 255, 255)'], 
     [1, 'rgb(200, 200, 255)'] 
     ] 
    }, 
    polar: true, 
    type: 'line' 
    } 
} 
+0

謝謝,像一個魅力工作! – user3010273

+0

我試過這兩個餅圖但始終出現在svg,重寫設置:'' –

2

有是的backgroundColor標籤可以使用:(http://jsfiddle.net/aeP4E/

chart: { 
     polar: true, 
     type: 'line', 
     backgroundColor:'blue' 
}, 
1

這就是你想要 `

chart: { 
      polar: true, 
      type: 'line', 
      backgroundColor:'rgba(255, 255, 255, 0.1)' 
     } 

`

0

Demo

您可以data: [[0, 0, true],您可以通過 'false' 隱藏價值,你可以設置你的梯度 通過

colorAxis: { 
     min: 0, 
     stops: [ 
     [0, '#5DBA76'], 
     [0.4, '#ffff00'], 
     [0.8, '#F30000'] 
    ], 
     minColor: '#ff0000', 
     maxColor: '#ffff00' 
    }, 

謝謝:)

0

你可以隱藏「假」

data: [[0, 0, false], [0, 1, 2], [0, 2, 3], [0, 3, 4], [0, 4, 5], [1, 0, 2], [1, 1, 4], [1, 2, 6], [1, 3, 8], [1, 4, 10], [2, 0, 3], [2, 1, 6], [2, 2, 9], [2, 3, 12], [2, 4, 15], [3, 0, 4], [3, 1, 8], [3, 2,12], [3, 3, 16], [3, 4, 20], [4, 0, 5], [4, 1, 10], [4, 2, 15], [4, 3, 20], [4, 4, 25] 

http://jsfiddle.net/3527r4ty/1/

+0

請問你能詳細解釋一下你的答案嗎? – abarisone