轴的颜色与系列的线条相同

The color of axis is the same as line of series

本文关键字：系列颜色更新时间：2023-09-26

是否可以使轴的颜色与级数的行相同？有了这个高图自动选色器。颜色不应该固定。

我有多个轴。

我的意思是，当我插入线时，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;
                    }
                }

提前感谢

这可以在chart.events.load方法中使用axis.update()调用来完成：

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

直播演示。