Highcharts-Piecharts-用useHTML生成的标题与用useHTML生成的工具提示重叠

Question

当我将鼠标悬停在系列上时，它可以显示完美的数据，但背景中的标题也可见。

查看这些图片

1. 实际图表

2. 工具提示

这里是代码链接-https://jsfiddle.net/gkd/97mk583y/

工具提示和标题都使用useHTML: true生成 如何确定标题不会出现在工具提示的背景中？

• 背景色的不透明度已经是1。

Answer 1

因为这两个元素都是出色的HTML元素，所以请尝试使用此配置，而不要使用内联样式：

  "tooltip": {
    padding: 0,
    "style": {
      "color": "#FFFFFF"
    },
    "enabled": true,
    "useHTML": true
  },

和CSS：

.highcharts-tooltip>span {
  padding: 10px;
  margin: 0;
  background-color: rgba(0, 0, 0, 1);
  z-index: 9999 !important;
}

演示：https://jsfiddle.net/BlackLabel/z5Lb1hmt/