Ändern der HighCharts-Hintergrundfarbe?

Question

Ich weiß nicht wirklich, wie das geht.

Ich brauche Hintergrundfarbe zu ändern, dies highcharts Diagramm:

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

Aber ich scheine nicht in der Lage sein, dies zu tun - es scheint nicht klar Ort zu sein, die setzen Hintergrundfarbe Einstellung? viele verschiedene Werte in diesem Abschnitt zu schreiben versucht

Ich habe:

Diagramm: {

 polar: true, 
     type: 'line' 

    }, 

Aber es hat nichts tun (es brach gelegentlich dieses Skript).

Muss ich es in der mitgelieferten Js Dateien irgendwo ändern? Oder kann es von der Ebene dieses geladenen Skripts aus getan werden?

JS ist wirklich verwirrend. Kann mir jemand helfen?

Answer 1

Werfen Sie einen Blick auf die Highcharts API hier: http://api.highcharts.com/highcharts#chart--backgroundColor und Sie werden es ist eine Eigenschaft des Chart-Objekt vorliegt, das eine Farbe annehmen kann:

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

Oder Gradiant:

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

Answer 2

Es ist ein background Tag, das Sie verwenden können: (http://jsfiddle.net/aeP4E/)

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

Answer 3

Das ist, wollen Sie `

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

`

Answer 4

Demo

Sie können data: [[0, 0, true], Sie können Wert ausblenden, indem Sie 'false' und Sie Ihre Gradienten von

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

einstellen

Danke :)

Answer 5

können Sie Wert von ‚false‘

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/