highcharts分段显示不同颜色

最近在做统计图的时候，碰到一个需求 类似如下：

就是在红色虚线框内的折线在不同区域用不同的颜色表示，并且是虚线。

开始定位为用highcharts库实现。确定用这个库后，开始在网上查资料，发现有类似的例子，网址是：http://code.hcharts.cn/hcharts.cn/hhhhco

 1 $(function () {
 2     $('#container').highcharts({
 3         series: [{
 4             data: [-10, -5, 0, 5, 10, 15, 10, 10, 5, 0, -5],
 5             zones: [{
 6                     value: 0,
 7                     color: '#f7a35c',
 8                     dashStyle: 'dot'
 9                 }, {
10                     value: 10,
11                     color: '#7cb5ec'
12                 },{
13                     color: '#90ed7d'
14                 },
15             ]
16         }]
17     });
18 });

highcharts demo