web-dev-qa-db-ja.com

HighChartsの背景色を変更しますか？

私はこれを行う方法を本当に知りません。

このハイチャートチャートの背景色を変更する必要があります。

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

しかし、私はそうすることができないようです-背景色の設定を置くための明確な場所がないようです？

このセクションでは、さまざまな値を記述しようとしました。

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

しかし、それは何もしませんでした（たまにこのスクリプトを壊しました）。

インクルードされている.jsファイルのどこかで変更する必要がありますか？または、この読み込まれたスクリプトのレベルから実行できますか？

JSは本当に混乱しています。誰か助けてもらえますか？

javascriptjquerycsshighcharts
11
user3010273

ここでHighcharts APIを見てください： http://api.highcharts.com/highcharts#chart--backgroundColor これは、単色を取ることができるグラフオブジェクトのプロパティであることがわかります。

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

またはグラデーション：

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

使用できるbackgroundColorタグがあります：（ http://jsfiddle.net/aeP4E/ ）

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

それはあなたが欲しいです `

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

`

1
HDT

デモ

あなたはできる data: [[0, 0, true], 'false'で値を非表示にでき、次のようにして勾配を設定できます

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

ありがとう:)

0
Smoke

「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/

0
Avinash Sharma