如何解决Highcharts-Piecharts-用useHTML生成的标题与用useHTML生成的工具提示重叠
当我将鼠标悬停在系列上时,它可以显示完美的数据,但背景中的标题也可见。
查看这些图片
这里是代码链接-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,1);
z-index: 9999 !important;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。