在highcharts中动态更改特定折线图系列颜色

Question

尝试动态更改线图中特定部分的颜色，但无法理解，

  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6],
    zoneAxis: 'x',
    zones: [ {
            value:3,
        dashStyle: 'solid',
        color:'#7cb5ec',
        fillColor:'#7cb5ec'
    },{
        value: 8,      
        dashStyle: 'dot',
        color:'#FFA262'
    }, {
            value:11,
        dashStyle: 'solid',
        color:'#7cb5ec',
        fillColor:'#7cb5ec'
    }]
}]

here my fiddle

这里我想以时间间隔的一组动态方式改变点（橙色），即（5秒）

请帮我找出解决方案极客

Answer 1

您需要动态更新系列的区域。您可以使用Series#update()完成此操作。

chart.series[0].update({
  zones: [{ ... }]
})

如果您想定期使用setInterval()。

直播示例：http://jsfiddle.net/8gwh9yL6/