场景
SpringBoot+AntV实现饼状图中的花瓣图:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/92810169
在实现上面的效果时,参照官方花瓣图的示例代码,总是在鼠标悬浮时提示一个信息1。
实现
怎样将这个多余的提示去掉。
这是悬浮提示的标题title属性。
参考官方文档:
showTitle:boolean
是否展示提示信息的标题,默认为 true,即展示,通过设置为 false 来隐藏标题。
title:string
设置 tooltip 的标题展示的数据字段,设置该字段后,该标题即会展示该字段对应的数值。showTitle 为false 时,该设置不生效。
所以我们可以在js中进行设置,将其关闭title不显示或者保留title但是修改为其他内容。
chart.tooltip({
showTitle: false,
itemTpl: '<li><span style="background-color:{color};" class="g2-tooltip-marker"></span>{type}({value}): {percent}</li>'
});
去掉之后的效果