我不太知道如何做这个。
我需要改变这个highcharts图表的背景颜色:
但似乎我无法这样做 - 没有明显的地方可以设置背景颜色?
我已经尝试在这个部分写了许多不同的值:
chart: {
polar: true,
type: 'line'
},
但它没有做任何事情(它偶尔会破坏这个脚本)。
我是否需要在包含的.js文件中的某个地方更改它?还是可以从加载的脚本级别完成?
JS真的很令人困惑。有人能帮帮我吗?
我不太知道如何做这个。
我需要改变这个highcharts图表的背景颜色:
但似乎我无法这样做 - 没有明显的地方可以设置背景颜色?
我已经尝试在这个部分写了许多不同的值:
chart: {
polar: true,
type: 'line'
},
但它没有做任何事情(它偶尔会破坏这个脚本)。
我是否需要在包含的.js文件中的某个地方更改它?还是可以从加载的脚本级别完成?
JS真的很令人困惑。有人能帮帮我吗?
请查看这里的Highcharts API:https://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'
}
}
<rect x="0" y="0" width="655" height="328" strokeWidth="0" fill="#FFFFFF" class=" highcharts-background"></rect>
- Jason Kleban您可以使用backgroundColor标签来设置背景颜色:(http://jsfiddle.net/aeP4E/)
chart: {
polar: true,
type: 'line',
backgroundColor:'blue'
},
chart: {
polar: true,
type: 'line',
backgroundColor:'rgba(255, 255, 255, 0.1)'
}
`
你可以使用 data: [[0, 0, true],
来显示数值,你可以通过 'false
' 隐藏数值,并且你可以设置渐变效果。
colorAxis: {
min: 0,
stops: [
[0, '#5DBA76'],
[0.4, '#ffff00'],
[0.8, '#F30000']
],
minColor: '#ff0000',
maxColor: '#ffff00'
},
谢谢 :)
你可以通过使用“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]