echarts适用饼图直观显示数值方式

需求:echarts饼图直接显示数值(如图 无需光标悬空触发)

代码:

option = {
                    	        title : {
                    	            /*  text: '某站点用户访问来源',
                    	              subtext: '纯属虚构',
                    	              x:'center'*/
                    	        },
                    	        tooltip : {
                    	            trigger: 'item',
                    	            formatter: "{a} <br/>{b} : {c} ({d}%)"
                    	        },
                    	        legend: {
                    	            orient: 'vertical',
                    	            left: 'right',
                    	            bottom:'80px',
                    	            data: ['企业','个体','社会组织','事业单位','机关单位','其他']
                    	        },
                    	        series : [
                    	            {
                    	                name: '占比情况',
                    	                type: 'pie',
                    	                radius : '55%',
                    	                center: ['40%', '60%'],
                    	                data: data,
/*在series中添加itemStyle即可直观显示饼型数值*/
                    	                itemStyle:{ 
								        normal:{ 
								           label:{ 
								              show: true, 
								              formatter: '{b} : {c} ({d}%)' 
								              }, 
								              labelLine :{show:true} 
								              } 
								         } 
                    	            }
                    	        ]
                    	        
                    	    };
                    	    myChart_qyhhmd.setOption(option,true);

 

  • 14
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值