vue echarts 给饼图中间添加文字

最新推荐文章于 2024-05-23 13:44:36 发布

菜瓜日常

最新推荐文章于 2024-05-23 13:44:36 发布

阅读量837

点赞数

本文链接：https://blog.csdn.net/weixin_42014928/article/details/116790224

版权

本文介绍了如何在Vue项目中使用Echarts为饼图的中心添加文字，通过设置`formatter`和使用`rich`属性来定制样式。

摘要由CSDN通过智能技术生成

方案一

series: [
                    {
                        type:'pie',
                        radius: ['50%', '70%'],
                        center: ['50%', '40%'],
                        avoidLabelOverlap: false,
                        label: {
                            normal: {
                                show: true,
                                position: 'center',
                                color:'#4c4a4a',
                                formatter: '{total|' + this.total +'}'+ '\n\r' + '{active|共发布活动}',
                                rich: {
                                    total:{
                                        fontSize: 35,
                                        fontFamily : "微软雅黑",
                                        color:'#454c5c'
                                    },