将我的标签放在图表前面,不要遮挡点

时间:2015-02-05 18:54:11

标签: css highcharts

我正在使用绘图带标记图表上的区域,但由于我不希望它们被着色,我将它们设置为0的透明度。但是,我似乎有两种选择:放置它们在所有事情的前面,在这种情况下,我不能将鼠标悬停在点上以显示工具提示,或者在所有情况下,在这种情况下,文本从区域图的着色变为红色。我设置我的工具提示zIndex非常高,没有结果。

enter image description here

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,
    },

1 个答案:

答案 0 :(得分:0)

您可以按Rendererlabels

添加文字