Javascript Highcharts十字线标签位于图例后面

当十字线标签过长时，它会到达图例。图例位于十字线标签之上，因为它在Highcharts svg的代码中出现的较晚。

xAxis.crosshair.zIndex

根本不起作用。 你知道怎么让它朝前走吗

以下是代码示例：

Highcharts.stockChart（'container'）{
图例：{
启用：对，
边框颜色：“黑色”，
边框宽度：2
},
范围选择器：{
选定：1
},
系列：[{
名称：“ADBE”，
资料来源：ADBE
}, {
名称：“MSFT”，
资料来源：MSFT
}],
工具提示：{
已启用：false
},
xAxis：{
十字线：{
标签：{
启用：对，
格式化程序：函数（）{
返回“ddd
lllllll
ooooooooo
wwwww
vvvvv
lllllll
ooooooo
wwwww
vvvv”；
}
}
}
}
});

加载图表后，您可以在svg树中向上移动图例：

Highcharts.stockChart('container', {
  chart: {
    events: {
      load () {
        this.legend.group.attr({
          zIndex: -99
        })
      }
    }
  },

在某些情况下，也可能需要在之后执行此操作

---

实例：

代码在哪里？？用你正在使用的代码更新你的帖子添加代码，你可以看到有多少元素出现在十字线标签前面。如何让它摆在所有人面前？这看起来很有意义：谢谢，就我所知，它很有意义，但没有为这个问题提供解决方案。谢谢，这是一个很好的建议！如何使其适用于发际线上的所有其他元素？在导航器中，会出现一些线条和数字（如果将鼠标移到最右边的点，就会看到）。是否可以执行类似于

this.hairlineLabel.group.attr（{zIndex:199}）

的操作并将其移动到svg的末尾？是的，您可以调整任何组的zIndex-您可能需要尝试该值，以避免丢失其他功能，例如事件。

Highcharts.stockChart('container', {
  chart: {
    events: {
      load () {
        this.legend.group.attr({
          zIndex: -99
        })
      }
    }
  },