将 highstock 导航器的颜色更改为与第一个系列相同

Question

我有一个 highstock 图表，当用户选择不同的复选框时，将逐个添加和删除系列。每个系列都有自己的预定义颜色，对于每个系列，我还将使用受 https://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/2361925-allow-navigator-to-have-multiple-data-series.

启发的代码向导航器添加一个具有相同颜色的系列。

只有第一个导航器系列由 highstock 自动处理（其余的我以编程方式处理），我想在绘制后更改其颜色以与用户选择的系列的颜色相同。我尝试了几件事，但没有一个奏效：http://jsfiddle.net/ezoeetvf/2/

myChart.addSeries({
        name : 'AAPL',
        color: "#ff3300",
        data : data,
        tooltip: {
            valueDecimals: 2
        }
    }, true);

// series 1 is the auto-added navigator
console.log(myChart.series[1].name);
// trying set it's color in various ways
myChart.series[1].color = "#ff3300";
myChart.series[1].options.color = "#ff3300";
myChart.series[1].options.lineColor = "#ff3300";

如何让导航器系列与动态添加的第一个系列颜色相同？

Answer 1

上面的 Grzegorz Blachliński 评论完成了这项工作。我最终得到了

myChart.series[1].update({color:"#55FF00" });

谢谢。

将 highstock 导航器的颜色更改为与第一个系列相同

Change color of highstock navigator to be identic to first series

javascript

highstock