Javascript Highchart十字线不接触x轴

我想增加我的xAxis十字线的高度以接触x轴。有没有办法做到这一点。下面我附上了屏幕截图和代码片段

Highcharts.chart(container, {
   title: {
     text: ""
    },
    xAxis: {
     type: "datetime",
     crosshair: true
    }
}

我试着用它作为工具提示选项

 tooltip: {
        crosshairs: {
            color: 'green',
            width:  2,
            height: 10

        }
    }

它接受宽度，但不接受高度选项

---

目前，十字线指向x轴基线的预期位置（不考虑偏移），正如Mike Zavarello在评论中所述

根据我对您的情况的理解，一种解决方法是扩展Highcharts，而是从第一个y轴（最靠近顶部的那个）的最大值到第二个y轴（最靠近底部的那个）的底部绘制十字线

例如（）：

---

请注意，这种方法通过扩展

Axis.drawCrosshair

，并在该扩展中重写

Axis.getPlotLinePath

函数来更改为十字线指定的路径，从而非常直接地解决了您的问题。它也不处理沿y轴的十字光标。不过，这可能也可以用类似的方法解决。应该对其进行彻底的伪影测试。

十字线的长度和X轴高度相同，所以根据您想要获得的结果，可以设置正确的X轴高度。轴偏移不影响对十字线的偏移

xAxis: {
    crosshair: true,
    height: 343, //  yAxis[1].top - yAxis[0].top + yAxis[1].height
    offset: -174
}

---

现场演示：

您有现场演示吗？我希望触摸X轴是默认行为。@HalvorStrand yes在我在网上看到的所有示例中，都是这样。但在我的例子中，十字线不接触X轴。我现在没有一个活生生的例子可以分享。我会的update@HalvorStrand编辑了答案并添加了一个js fiddle链接这里发生的事情是十字线不低于x轴基线。现在，是你的

偏移量
属性在做这个。。。如果你移除了它，这条线就会像预期的那样一直向下延伸。如果在x轴上也设置了
top
，则该行也会停止。也许@HalvorStrand有一个造型解决方案可以帮上忙？
xAxis: {
    crosshair: true,
    height: 343, //  yAxis[1].top - yAxis[0].top + yAxis[1].height
    offset: -174
}