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

我试图在图表的每个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轴上。这就是我想要的样子

请让我知道如何才能达到预期的结果。我将感谢任何帮助

谢谢，

---

事实上，我认为你做不到

有几种可能的解决方法：

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

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

---

没有一个是干净的，但是…

这很有趣，因为这就是它在Highstock 1.3.10中的工作原理，请参见：

---

但是，Highcharts目前不支持此功能（请参阅）

谢谢你的关心。但是，您能否提供一些关于如何为每个y轴创建单独的x轴的指导。我认为这是最容易理解的方法。但是，由于我是一个高库存的新手，所以我不知道实际的实现细节。你能提供一些指导吗？实际上，在尝试建立一个示例时，我发现x轴选项实际上不是一个选项。我对答案进行了编辑以反映这一点。使用一个现有的示例（来自Pawel，如下），我在这里使用了plot bands方法：抱歉，回复太晚。是的，我用的是高股票。但是即使使用xAxis:{gridLineWidth:1}，我也没有得到想要的结果。只有x轴的宽度减少了一些像素。但是我使用chart1=new Highcharts.StockChart（选项，函数（图表）{//应用日期选择器setTimeout（函数（）{$（'range-selector'，$（'#'+options.chart.renderTo））.datepicker（）}，10）；）；我希望这不是问题的根源。请务必让我知道不，这不应该引起问题。确保您使用的是Highstock 1.3.10（在JS控制台类型中

Highcharts.version

），哦，这就是我得到的console.log（Highcharts.version）；1.3.7是的！它在将版本更新到1.3.10时工作得非常完美。真的非常感谢你的精彩修复。

        xAxis: {
            gridLineWidth: 1  
        },