动态更改绘图带的颜色

Question

是否可以在highcharts中动态更改绘图带的颜色？ 我有一个以上的绘图带，并希望在其中一个绘图带上点击动作时改变其他绘图带的颜色。

Answer 1

您可以使用自定义事件扩展，它允许捕捉绘图带上的点击事件。下一步是通过attr（）函数更新颜色，直接在SVG元素上。

plotBands: [{ 
                    color: '#FCFFC5',
                    from: 100,
                    to: 200,
                    events: {
                        click: function () {
                            this.svgElem.attr({
                                fill:'red'
                            });
                        }
                    }
    }]

实施例： - http://jsfiddle.net/Utx8g/412/