javascript - Highcharts中显示的绘图带图标不正确

我正在尝试在Highcharts中创建带有绘图带的图形，我想在其中将图标插入绘图带。

一切正常，除了我无法使图标显示在实际系列行下方。我将图标的zIndex设置为1，并将序列设置为2，但似乎什么也没做。

我在这里查看了文档：
http://api.highcharts.com/highcharts/xAxis.plotBands.zIndex

但是它应该基于此而工作，但是不能，当我使用文本作为标签而不是图像并且对象没有特定的类或ID时，它可以工作，这样我就可以使用jquery定位它并手动设置css。

为了说明我的观点，我做了一个小提琴：

http://jsfiddle.net/qwfj4x3j/

我举个例子

 {
    color: null,
    zIndex: -1,
    from: 3.5,
    to: 4.5,
    label: {
        text: "<img src='http://simpleicon.com/wp-content/uploads/rain.png' style='width:100px;z-index:-1'>",
    verticalAlign: 'top',
    useHTML: true,
    y: 25
    }

}，

如您所见，我同时设置了绘图带和实际图像的zIndex，并为该系列设置了较高的zIndex，但它不起作用。

最佳答案

好的，所以最后我找到了一个非常优雅的解决方案:)
我为所有图像提供了一个类，然后在渲染图形之后，我调用了针对该类所有父元素的jquery命令，这是我最初需要定位的跨度，但是无法执行，因为它没有类或id。现在，我可以将所有这些都称为特定类别的图像的父代，将它们的z-index分配为-1即可使用：）

关于javascript - Highcharts中显示的绘图带图标不正确，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39977325/