echarts 饼图移入时把默认中间显示的内容隐藏
时间: 2023-09-30 12:09:41 浏览: 510
echarts饼状图中间展示数字
可以通过 echarts 的 tooltip 配置项来实现鼠标移入时隐藏饼图中间默认显示的内容。
具体做法是,将 tooltip 的 showContent 属性设置为 false,这样当鼠标移入饼图时,就不会显示中间的默认内容了。
示例代码如下:
```javascript
option = {
// 其他配置项...
tooltip: {
showContent: false, // 鼠标移入时不显示默认中间内容
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
},
series: [
{
name: '访问来源',
type: 'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: '30',
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}
]
};
```
上述代码中,tooltip 的 showContent 属性被设置为 false,这样当鼠标移入饼图时,就不会显示默认中间内容了。
阅读全文