echarts多个饼图时，外圈悬浮tooltip显示百分比，内圈悬浮tooltip不显示_echarts圆圈内部悬浮

作者：Cpp五条 | 2024-02-18 06:10:19

踩

echarts圆圈内部悬浮

实现效果

echarts饼图外圈显示tooltip
echarts饼图内圈不显示tooltip

官网链接

https://echarts.apache.org/examples/zh/editor.html?c=pie-nest
在这里插入图片描述

代码

tooltip中的formatter定义成函数，params中有很多属性，根据params.seriesIndex判断是外圈或内圈，return ''时，悬浮不显示内容。

tooltip: {
        trigger: 'item',
        formatter: function(params){
            let tip = '';
           if(params.seriesIndex === 1){
               tip = params.percent+'%'
           }else if(params.seriesIndex === 0){
               tip = ''
           }
           return tip ;
        }
    },
1
2
3
4
5
6
7
8
9
10
11
12

xcx：办公室鱼塘

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/105524