Css 将我的标签放在图表的前面,不要模糊这些点

Css 将我的标签放在图表的前面,不要模糊这些点,css,highcharts,Css,Highcharts,我正在使用PlotBand标记图形上的区域,但由于我不希望它们在中着色,因此将它们设置为0的透明度。然而,我似乎被两个选项困住了:将它们放在所有东西的前面,在这种情况下,我无法将鼠标悬停在这些点上以显示工具提示,或者在所有东西的后面,在这种情况下,由于区域图的着色,文本变红。我将工具提示zIndex设置得很高,但没有结果 你可以通过或添加文本,如果有比使用PlotBand更好的添加标签的方法,我也愿意。或者有没有直接设置点的zIndex的方法?你可以通过添加,你基本上是在问如何将标签放在前面,

我正在使用PlotBand标记图形上的区域,但由于我不希望它们在中着色,因此将它们设置为0的透明度。然而,我似乎被两个选项困住了:将它们放在所有东西的前面,在这种情况下,我无法将鼠标悬停在这些点上以显示工具提示,或者在所有东西的后面,在这种情况下,由于区域图的着色,文本变红。我将工具提示zIndex设置得很高,但没有结果


你可以通过或添加文本,如果有比使用PlotBand更好的添加标签的方法,我也愿意。或者有没有直接设置点的zIndex的方法?你可以通过添加,你基本上是在问如何将标签放在前面,而不是放在前面。。。我建议将标签位置设置为在绘图区域的上方或下方,这样它们与绘图的交互就不会首先存在(或者将y轴延伸到足够大的程度,以允许标签位于绘图区域中,同时远离系列)。我希望标签位于绘图区域的前面,而不是点的前面。能够直接在点上设置zIndex将解决我的问题,因为能够使用与PlotBand分开的标签@塞巴斯蒂安·博坎的解决方案看起来很有希望;我现在正在做。
xAxis: {
            type: 'datetime',
            plotBands: [{
            {
                color: 'rgba(255, 255, 255, 0)',
                from: new Date(2001, 1, 3).getTime(),
                to: new Date(2009, 1, 21).getTime(),
                zIndex: 2,
                label: {
                    text: "Low zIndex, label is reddish",
                    verticalAlign: 'bottom',
                    y: bandLabelVertOffset,
                    style: {
                        fontSize: bandLabelFontSize,
                        lineHeight: bandLabelLineSpacing,
                        color: 'black',
                        fontWeight: 'bold',
                    }
                }
            },
            {
                color: 'rgba(255, 255, 255, 0)',
                from: new Date(2009, 1, 21).getTime(),
                to: new Date(2013, 0, 0).getTime(),
                zIndex: 20,
                label: {
                    text: "High zIndex, can't click points",
                    verticalAlign: 'bottom',
                    y: bandLabelVertOffset,
                    style: {
                        fontSize: bandLabelFontSize,
                        lineHeight: bandLabelLineSpacing,
                        color: 'black',
                        fontWeight: 'bold',
                    }
                }
            }],

    tooltip: {
        enabled: true,
        useHTML: true,
        zIndex: 4000,
    },