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

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/

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

change particular line chart series colour dynamically in highcharts

highcharts

highstock