echars 饼状图做成水球图

最新推荐文章于 2024-05-10 10:36:48 发布

UkeLiu

最新推荐文章于 2024-05-10 10:36:48 发布

阅读量1.2k

点赞数 1

分类专栏： Vue 文章标签： echarts vue.js 前端

本文链接：https://blog.csdn.net/weixin_50563955/article/details/122495358

版权

Vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

安装水球形状依赖 cnpm install --save echarts-liquidfill
将service type 设置成 ‘liquidFill’

	series: {
      	  type: 'liquidFill',
      	  data: [0.5, 0.4, 0.3, 0.2]
      	}

实例代码：
label: {
            normal: {
                // formatter: '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  ',
                formatter: '{a|{b}}\n{hr|}\n{per|{d}%}',  //百分比显示
                rich: {
                    a: {
                        color: '#999999',
                        fontSize: 11,
                        lineHeight: 20,
                        align: 'center'
                    },
                    hr: {
                        width: '100%',
                        height: 0,
                        alien:'center'
                    },
                    per: {
                        color: '#000000',
                        align: 'center',
                        fontSize: 15,
                    }
                }
            },
        },