更改HighCharts背景颜色?

问题描述 投票:10回答:5

我真的不知道该怎么做。

我需要更改此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真的很混乱。谁能帮我?

javascript jquery css highcharts
5个回答
28
投票

在这里看一下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'
  }
}

2
投票

您可以使用背景颜色标签:(qazxsw poi)

http://jsfiddle.net/aeP4E/

1
投票

那是你想要的

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

`


0
投票

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

你可以Demo你可以通过'data: [[0, 0, true],'隐藏价值,你可以设置你的渐变

false

谢谢 :)


0
投票

你可以通过'false'隐藏价值

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

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]

© www.soinside.com 2019 - 2024. All rights reserved.