Javascript 带有html标题的SVG工具提示z索引

我试图使用一个HTML标题和一个非常大的工具提示。但是，我似乎无法使工具提示背景显示在标题上方

这是我的密码：

var图表=新的Highcharts.图表({
“图表”：{
“类型”：“量规”，
“renderTo”：“chart-2-container”，
“玛金托普”：60
},
“系列”：[{
“数据”：[{
“y”：55.6，
“名称”：“区域”，
“工具提示”：“面积：50.6%
最小值：50.6
第三个四分位数：57.1
第二个四分位数：59.4
第一个四分位数：64.7
最大值：75.7”
}],
“名称”：“%”
}],
“工具提示”：{
“边框颜色”：“E2E2E2”，
“边界半径”：5，
“背景色”：“白色”，
“风格”：{
“颜色”：“#4545”，
“字体大小”：14，
“字体系列”：“Arial，无衬线”，
“zIndex”：9999，
“线宽”：14*1.4
},
“格式化程序”：函数（）{
返回this.point.tooltip；
}
},
“标题”：{
“浮动”：没错，
“useHTML”：正确，
“风格”：{
“zIndex”：1，
},
“文本”：”
},
“yAxis”：{
“标题”：空，
“像素间隔”：72，
“滴答声长度”：10，
“minorTickLength”：8，
“minorTickWidth”：1，
“最小”：50.6，
“最大值”：75.7，
“打印带”：[{
“from”：50.6，
“至”：57.1，
“颜色”：“ee2c34”，
“厚度”：15，
}, {
“from”：57.1，
“至”：59.4，
“颜色”：“f07627”，
“厚度”：15，
}, {
“from”：59.4，
“至”：64.7，
“颜色”：“a88735”，
“厚度”：15，
}, {
“from”：64.7，
“至”：75.7，
“颜色”：“2c876d”，
“厚度”：15，
}]
},
“窗格”：{
“startAngle”：-150，
“端角”：150
}
});
使用CSS并更新工具提示和工具提示格式化程序，问题已得到解决

供参考

更新的工具提示

"tooltip": {
    "backgroundColor": "rgba(255,255,255,0)",
    "borderWidth": 0,
    "borderRadius": 1,
    "shadow": false,
    "useHTML": true,
    "style": {
      "color": "#454545",
      "fontSize": 14,
      "fontFamily": "Arial, sans-serif",
      "zIndex": 9999,
      "lineHeight": 1.8
    },
    "formatter": function() {
      return "<div>" + this.point.tooltip + "</div>";
    }
  },

演示
这个主题应该很有用：@d_paul是的，它很有用。如果可能的话，我想避免使用
useHTML
。。但是如果没有其他方法，我想也没有办法了。虽然使用HTML工具提示不是我的理想解决方案，但我看不到任何其他方法。谢谢。请检查此案例的解决方案：
.highcharts-tooltip {
  z-index: 9998;
}

.highcharts-tooltip div {
  background-color: white;
  border: 1px solid #E2E2E2;
  opacity: 1;
  z-index: 9999!important;
  padding: 5px
}