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

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

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

感谢。

将highstock导航仪的颜色改为第一系列

1 个答案: