轴的颜色与系列的线相同

时间:2014-04-30 13:52:29

标签: javascript jquery highcharts

是否可以使轴的颜色与系列的线相同?有了这个highcharts auto colourpicker。颜色不应该固定。

我有多个轴。

我的意思是当我插入行Highcharts库为行设置一些颜色,之后我想要设置相同的颜色到由Highcharts库自动设置的轴。

我尝试设置这样的颜色,但它只使第一个轴着色,颜色错误。

                self.chart.addAxis(axisObject);
                self.chart.addSeries(seriesObject, false);

                for (var seriesName in series) {
                    var seriesObject = series[seriesName];
                    var id = seriesObject.userOptions.id;
                    if (id === sensorModel.get('id')) {
                        index = seriesObject._i;
                        color = seriesObject.color;
                        circle.css('background-color', color);

                        $(jqElement).removeClass('activeSensor');
                        $(jqElement).addClass('chartAdded');
                        var axisId = seriesObject.yAxis.userOptions.id;
                        for (var j = 0; j < self.chart.yAxis.length; j++) {
                            var yaxis = self.chart.yAxis[j];
                            if (yaxis.userOptions.id === axisId) {
                                yaxis.options.lineColor = color;
                                break;
                                //break;
                            }
                        } 
                        break;
                    }
                }

提前致谢

1 个答案:

答案 0 :(得分:1)

可以使用chart.events.load调用{/ 3}}方法完成此操作:

chart: {
    events: {
        load: function (event) {
            this.yAxis[0].update({
                lineColor: this.series[0].color
            });
        }
    }
}

直播axis.update()