javascript - Highchart-alternateGridColor，绘图带问题

Question

在轴中使用alternateGridColor时，现有的绘图区域会被隐藏。(网格的颜色可见)

致this fiddle我已经添加了代码

yAxis:{
    alternateGridColor: '#F5F5F5',
}

然后情节带就消失了。无论如何，我可以在背景中设置网格颜色，在前景中设置绘图带吗？

Answer 1

您可以向相关绘图区添加 zIndex 值，以相对于其他元素向前/向后移动绘图区。以您的情况为例:

    xAxis: {
        plotBands: [{ // mark the weekend
            // ...
            zIndex: 2
        }]
    }

参见this JSFiddle示范。

API description该属性的:

The z index of the plot band within the chart, relative to other elements. Using the same z index as another element may give unpredictable results, as the last rendered element will be on top. Values from 0 to 20 make sense.