Highcharts - 饼图 - 使用 useHTML 生成的标题与使用 useHTML 生成的工具提示重叠
Highcharts - Piecharts - title generated with useHTML overlaps with tooltip generated using useHTML
当我悬停在系列上时,它显示完美的数据,但背景中的标题也可见。
查看这些图片
实际图表
工具提示
这是代码 link - https://jsfiddle.net/gkd/97mk583y/
工具提示和标题都是使用 useHTML: true
生成的
我们如何确保标题不会出现在工具提示的背景中?
- 背景颜色的不透明度已经是 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;
}
当我悬停在系列上时,它显示完美的数据,但背景中的标题也可见。
查看这些图片
实际图表
工具提示
这是代码 link - https://jsfiddle.net/gkd/97mk583y/
工具提示和标题都是使用 useHTML: true
生成的
我们如何确保标题不会出现在工具提示的背景中?
- 背景颜色的不透明度已经是 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;
}