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

Highcharts - Piecharts - title generated with useHTML overlaps with tooltip generated using useHTML

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

查看这些图片

  1. 实际图表

  2. 工具提示

这是代码 link - https://jsfiddle.net/gkd/97mk583y/

工具提示和标题都是使用 useHTML: true 生成的 我们如何确保标题不会出现在工具提示的背景中?

因为这两个元素都很出色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/