echarts饼图文本溢出屏幕

徐来丶清风徐来

于 2020-12-03 11:41:20 发布

阅读量5k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.csdn.net/lvhaoye/article/details/110524976

微信小程序专栏收录该内容

5 篇文章

订阅专栏

博客介绍了解决问题的办法，即对字符串进行自适应截取，这属于信息技术中字符串处理相关内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决办法：

对字符串自适应截取。

label: {
                            normal: {
                                formatter(v) {
                                    let text = v.name
                                    if (text.length <= 6) {
                                        return text = text + '\n' + v.percent + '%';
                                    } else if (text.length > 6 && text.length <= 12) {
                                        return text = `${text.slice(0,6)}\n${text.slice(6)}` + v.percent + '%'
                                    } else if (text.length > 12 && text.length <= 18) {
                                        return text = `${text.slice(0,6)}\n${text.slice(6,12)}\n${text.slice(12)}` + v.percent + '%'
                                    } else if (text.length > 24 && text.length <= 30) {
                                        return text = `${text.slice(0,6)}\n${text.slice(6,12)}\n${text.slice(12,18)}\n${text.slice(24)}` + v.percent + '%'
                                    } else if (text.length > 30) {
                                        return text = `${text.slice(0,6)}\n${text.slice(6,12)}\n${text.slice(12,18)}\n${text.slice(24,30)}\n${text.slice(30)}` + v.percent + '%'
                                    }
                                },
                                textStyle: {
                                    fontSize: 10
                                }
                            }
                        }