HighStocks - 每个单独的y轴上的x轴网格线

Question

我正在尝试在图表的每个y轴上绘制x轴网格线。现在，x轴网格线延伸通过所有y轴，每个y轴之间没有分离或停止。

以下是我现在的问题

x轴的代码

xAxis: {
            gridLineWidth: 5,
            minTickInterval: 24 * 3600 * 1000,
            lineColor: '#000',
            tickColor: '#000',
            startOnTick: true,
            labels: {
                style: {
                    color: '#000',
                    font: '11px Trebuchet MS, Verdana, sans-serif'
                }
            },
            title: {
                style: {
                    color: '#333',
                    fontWeight: 'bold',
                    fontSize: '12px',
                    fontFamily: 'Trebuchet MS, Verdana, sans-serif'

                }
            }
        },

如何防止线延伸到所有图表，即在所有y轴上。这就是我希望它像

请告诉我如何达到预期效果。我将不胜感激。

谢谢， MAXX

Answer 1

这很有意思，因为这是它在Highstock 1.3.10中的工作方式，请参阅：http://jsfiddle.net/4qGKE/

        xAxis: {
            gridLineWidth: 1  
        },

然而，Highcharts目前不支持此功能（请参阅：http://jsfiddle.net/4qGKE/1/）。

Answer 2

实际上，我认为你不能。

围绕它的几种可能方式：

• 使用渲染器在每个区域上绘制一个框以隐藏它们

• 将每个间隙设置为另一个y轴，并使用白色plotBand隐藏它们

它们都不干净，但是......