如何使用highcharts为每个网格线显示不同的颜色？

我想为每个网格线显示不同的颜色，我附上的设计截图是可以做到的吗？如何使用highcharts为每个网格线显示不同的颜色？

您只能为所有gridLine设置一种颜色。但是，您可以使用带颜色的['plotLines']（http://api.highcharts.com/highcharts#yAxis.plotLines）。 –

@PawełFus，我添加了网格线的颜色，但是我们如何才能像上面的截图一样更改y轴路径颜色和y轴标签（0-40,41-80,81-180等）。创建工作jsfiddle https://jsfiddle.net/krishnakinnera/tt5musss/9/，请看看 –

我认为最简单的解决方案是使用['renderer']（http://api.highcharts.com/highcharts #Renderer）并在那里用适当的颜色绘制路径。 'lineColor'只能是纯色 –

我不知道任何方式做到这一点开箱即用，但基本上，你可以直接改变都在舞台上呈现的SVG元素：

$.each($('.highcharts-grid path'), function(){ 
    $(this).attr('stroke',getRandomColor()); 
});

2016-03-28 14:05:59 MorKadosh

我们如何才能像上面的截图一样更改y轴路径颜色和y轴标签（0-40,41-80,81-180等）。 –

从你的代码开始吧:)用你自己的图表而不是一个虚拟的图表玩起来会容易得多.. – MorKadosh

创建工作jsFiddle https://jsfiddle.net/krishnakinnera/tt5musss/9/，请看一看 –

回答