Javascript Highcharts-沿特定日期范围更改背景颜色

在高图中给出一个简单的日期-时间（x）与值（y）图，是否可能 若要更改背景颜色，请指定2个日期作为范围？换句话说，每个给定的范围将 定义一个具有特定颜色的“矩形”

jsfiddle：

代码：

$（函数（）{
$（“#容器”）。高图({
图表：{
类型：“样条线”
},
标题：{
文字：“挪威维克亚夫耶莱特山的积雪深度”
},
副标题:{
text:“Highcharts JS中不规则时间数据的示例”
},
xAxis：{
键入：“日期时间”，
dateTimeLabelFormats:{//不显示虚拟年份
月份：'%e.%b'，
年份：'%b'
}
},
亚克斯：{
标题：{
文字：“雪深（m）”
},
最低：0
},
工具提示：{
格式化程序：函数（）{
返回“+this.series.name+”
+
Highcharts.dateFormat（“%e.%b”，this.x）+'：“+this.y+'m”；
}
},
系列：[{
名称：“2007-2008年冬季”，
//定义数据点。所有系列都有一个虚拟年份
//为了在同一x轴上进行比较，请注意
//在JavaScript中，月份从0开始表示一月，从1开始表示二月，以此类推。
数据：[
[UTC日期（1970年9月27日），0]，
[UTC日期（1970年10月10日），0.6]，
[UTC日期（1970年10月18日），0.7]，
[UTC日期（1970年11月2日），0.8]，
[UTC日期（1970年11月9日），0.6]，
[UTC日期（1970年11月16日），0.6]，
[UTC日期（1970年11月28日），0.67]，
[UTC日期（1971,0,1），0.81]，
[UTC日期（1971,0,8,0.78）]，
[UTC日期（1971,0,12），0.98]，
[UTC日期（1971,0,27），1.84]，
[UTC日期（1971年1月10日），1.80]，
[UTC日期（1971年1月18日），1.80]，
[UTC日期（1971年1月24日），1.92]，
[UTC日期（1971年2月4日），2.49]，
[UTC日期（1971年2月11日），2.79]，
[UTC日期（1971年2月15日），2.73]，
[UTC日期（1971年2月25日），2.61]，
[UTC日期（1971年3月2日），2.76]，
[UTC日期（1971年3月6日），2.82]，
[UTC日期（1971年3月13日），2.8]，
[UTC日期（1971年4月3日），2.1]，
[UTC日期（1971年4月26日），1.1]，
[UTC日期（1971年5月9日），0.25]，
[UTC日期（1971年5月12日），0]
]
}, {
名称：“2008-2009年冬季”，
颜色：'红色'，
数据：[
[UTC日期（1970年9月18日），0]，
[UTC日期（1970年9月26日），0.2]，
[UTC日期（1970年11月1日），0.47]，
[UTC日期（1970年11月11日），0.55]，
[UTC日期（1970年11月25日），1.38]，
[UTC日期（1971,0,8），1.38]，
[UTC日期（1971,0,15），1.38]，
[UTC日期（1971年1月1日），1.38]，
[UTC日期（1971年1月8日），1.48]，
[UTC日期（1971年1月21日），1.5]，
[UTC日期（1971年2月12日），1.89]，
[UTC日期（1971年2月25日），2.0]，
[UTC日期（1971年3月4日），1.94]，
[UTC日期（1971年3月9日），1.91]，
[UTC日期（1971年3月13日），1.75]，
[UTC日期（1971年3月19日），1.6]，
[UTC日期（1971年4月25日），0.6]，
[UTC日期（1971年4月31日），0.35]，
[UTC日期（1971年5月7日），0]
]
}, {
名称：“2009-2010年冬季”，
数据：[
[UTC日期（1970年9月9日），0]，
[UTC日期（1970年9月14日），0.15]，
[UTC日期（1970年10月28日），0.35]，
[UTC日期（1970年11月12日），0.46]，
[UTC日期（1971,0,1），0.59]，
[UTC日期（1971,0,24），0.58]，
[UTC日期（1971年1月1日），0.62]，
[UTC日期（1971年1月7日），0.65]，
[UTC日期（1971年1月23日），0.77]，
[UTC日期（1971年2月8日），0.77]，
[UTC日期（1971年2月14日），0.79]，
[UTC日期（1971年2月24日），0.86]，
[UTC日期（1971年3月4日），0.8]，
[UTC日期（1971年3月18日），0.94]，
[UTC日期（1971年3月24日），0.9]，
[UTC日期（1971年4月16日），0.39]，
[UTC日期（1971年4月21日），0]
]
}]
});
});

---

谢谢你的帮助

PlotBand是完成此任务所需的工具：

使用您发布的示例：

---

使用绘图条带

例如：

---

是的，你可以使用绘图带

 xAxis: {
   plotBands: {
    from: fromDate,
    to: toDate,
    color: color
   }
 }

plotBands:[{
  from:Date.UTC(1971,  0,  8),
  to:Date.UTC(1971,  2, 15),
  color:'rgba(156,156,156,.25)'
}]

$(function () {
$('#container').highcharts({
    chart: {
    },
    xAxis: {        
        plotBands: [{ // mark the weekend
            color: '#FCFFC5',
            from: Date.UTC(2010, 0, 2),
            to: Date.UTC(2010, 0, 4)
        }],
        tickInterval: 24 * 3600 * 1000, // one day
        type: 'datetime'
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4],
        pointStart: Date.UTC(2010, 0, 1),
        pointInterval: 24 * 3600 * 1000
    }]
});
});

 xAxis: {
   plotBands: {
    from: fromDate,
    to: toDate,
    color: color
   }
 }