使用highcharts.js更改背景的颜色

时间:2016-05-24 19:36:55

标签: javascript jquery html css highcharts

我正在尝试更改highcharts散点图的背景颜色。我可以使用下面的代码轻松更改该部分的颜色。但是,我需要将背景更改为多种颜色。基本上我正在尝试用深灰色的60-100区域遮挡区域,并且还将浅灰色区域100-120和浅灰色区域的40-60区域着色。这将是一个信心情节,所以我觉得这是一个应该相当普遍的功能,但我找不到解决方案。

此代码为情节添加浅灰色背景..

 plotBands: [{
       from: 60,
       to: 100,
       color: '#d9d9d9'
    }]

小提琴:Fiddle Here...

2 个答案:

答案 0 :(得分:5)

将另一个对象传递给plotBands数组: 更新的小提琴:http://jsfiddle.net/osevj9m3/1/

plotBands: [{
  from: 60,
  to: 100,
  color: '#d9d9d9'
}, 
{
  from: 100,
  to: 120,
  color: '#333'
}]

答案 1 :(得分:1)

只需将您的plotBand修改为

即可
    plotBands: [{
        from: 60,
        to: 100,
        color: '#d9d9d9'
    },{
        from: 40,
        to: 10,
        color: '#d0d9d9'
    }],

谢谢, -K