Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用highcharts.js更改背景颜色_Javascript_Jquery_Html_Css_Highcharts - Fatal编程技术网

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

Javascript 使用highcharts.js更改背景颜色,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我正在尝试更改highcharts散点图的背景颜色。我可以用下面的代码轻松地更改部分的颜色。但是,我需要将背景更改为多种颜色。基本上,我正在尝试用深灰色将区域从60-100着色,并用浅灰色将区域100-120着色,用浅灰色将区域40-60着色。这将是一个信心图,所以我觉得这是一个应该相当普遍的特性,但我找不到解决方案 此代码将浅灰色背景添加到绘图中 plotBands: [{ from: 60, to: 100, color: '#d9d9d9'

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

此代码将浅灰色背景添加到绘图中

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

Fiddle:

只需修改您的PlotBand即可

    plotBands: [{
        from: 60,
        to: 100,
        color: '#d9d9d9'
    },{
        from: 40,
        to: 10,
        color: '#d0d9d9'
    }],
谢谢,
-K

只需将另一个对象传递到plotBands数组: 更新的小提琴:


非常感谢。正是我想要的
plotBands: [{
  from: 60,
  to: 100,
  color: '#d9d9d9'
}, 
{
  from: 100,
  to: 120,
  color: '#333'
}]