ECharts 饼图 pie undefined%问题解决

最新推荐文章于 2023-08-21 17:05:45 发布

万物皆可狗

最新推荐文章于 2023-08-21 17:05:45 发布

阅读量3.1k

点赞数 2

文章标签： echarts javascript vue

本文链接：https://blog.csdn.net/jiazhendu/article/details/127533056

版权

在两边值都为0的时候就会出现undefined%

已读、未读都为0时打印percent 为undefined，

已读、未读其中一个不为0时打印如下就不会有问题

跑去echarts官网去看也有这个问题

那么我们在显示的时候就应该判断当前percent是否为undefined，操作如下

label: {
                        show: true,
                        position: 'outside',
                        normal: {
                            // formatter: '{a|{b}}\n{hr|}\n\n{per|{d}%}', // 百分比之后换行显示文字-换行
                            formatter: (params) => {
                                console.log('此时params',params)
                                if (params.name !== '') {
                                    return `{name|${params.name}}` + `\n\n{value|${params.percent === undefined ? 0 : params.percent}%}`
                                }
                                return ''
                            },
                            rich: {
                                hr: {
                                    backgroundColor: 't',
                                    borderRadius: 1,
                                    width: 1,
                                    height: 1,
                                    padding: [1, 1, 0, -4],
                                },
                                a: {
                                    padding: [-15, 7, -10, 7],
                                },
                            },
                        }
                    },

修改后已读、未读都为0时