Highcharts标签位于第二个系列之后（但在第一个系列之上）

我的图表上有两个图表

一个标签与第二个图形中的特定点相关，该标签需要放置在该点的中心（非上方/下方/旁边）

当我们将鼠标移到红点上（在第二张图中），一个函数被触发

3个问题： 1） 此标签覆盖了红色中间点我需要它在红点后面。

2） 出于同样的原因，（由于标签），红点无法对鼠标悬停/鼠标退出/点击事件做出响应

3） 我还希望标签位于第一个图形（黑线）上方

我在本例中指出：

$（函数（）{
var图表=新的Highcharts.图表({
图表：{
renderTo:'容器'，
身高：300
},
工具提示：{
已启用：false
},
//--------系列部分：-------------
系列：[
//---系列1：-----
{
数据：[{x:4，y:15}，{x:12，y:7}，{x:25，y:27}]，
类型：“样条曲线”，
颜色：“黑色”，
zIndex:1
},
//---系列2：-----
{
数据：[{x:3，y:3}，
{
x:8，
y:10，
数据标签：
{  
启用：对，
是的，
zIndex:4，
背景颜色：“灰色”，
对齐：“居中”，
垂直排列：“中间”，
x:-20，
y:5，
颜色：“白色”，
格式化程序：函数（）{return“vlue:“+this.y+”
我的选择”}
}
}，//自定义点的结束
{x:20，y:20}
]，//与系列2相关的点结束
//--------------
zIndex:10，
键入：“散布”，
颜色：“红色”，
点：{
事件：{
鼠标悬停：功能（e）{
$（“#message”）.text（“输入一个红点！”）.css（“颜色”，“红色”）；
} ,
鼠标输出：函数（e）{
$（“#消息”）.text（“请将鼠标悬停在红点上”）.css（“颜色”、“黑色”）；
}
}            
}   
}//系列2结束
]   
})；//highcharts定义的结尾
});// 就绪功能结束

另外，从highcharts文档中：

数据标签的Z索引。默认的Z索引将其置于序列之上。使用Z索引2将其显示在序列后面。默认值为6。

我试着玩“zIndex”属性，但它似乎不起作用。这是他们图书馆里的错误，还是我遗漏了什么

总结如下： 我需要标签在第一个图形（黑线）上方，在第二个图形（红点）后面，中间红点的中心，并且中间红点可以响应鼠标事件

---

感谢您的帮助。

不幸的是，数据标签可以是或低于系列，或高于系列。不能为不同的数据标签设置不同的zIndex，因此要设置zIndex，请使用：

    plotOptions: {
        series: {
            dataLabels: {
                zIndex: 1
            }
        }
    }

第二件事是关于useHTML。设置为true时，HTML标记用于呈现标签，但HTML标记始终位于SVG/VML之上，因此zIndex无法工作

---

示例：

谢谢您的回复。你是说标签不能放在中间的2层之间。实际上，因为在Highcharts结构中，所有的数据标签都被挖到一个容器中，对于一系列标记也是如此。因此，您可以设置更高的或系列的或数据标签。

    plotOptions: {
        series: {
            dataLabels: {
                zIndex: 1
            }
        }
    }