Echarts pie 饼图类型后显示数据

最新推荐文章于 2024-06-18 16:52:05 发布

冰夜翎

最新推荐文章于 2024-06-18 16:52:05 发布

阅读量8.4k

点赞数 1

分类专栏： Echarts 文章标签： pie

本文链接：https://blog.csdn.net/qq_26898033/article/details/83055959

版权

Echarts 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

Echarts pie 饼图类型后显示数据

在这里插入图片描述

sysPie:function(libtypelist){
				var that=this;
				libtypelist=that.indexData.libtypelist;
				var name=[];
				var list=[];
				for(var i=0; i<libtypelist.length;i++){
					name.push(libtypelist[i].LIB_TYPE);
					list.push({value:libtypelist[i].num,name:libtypelist[i].LIB_TYPE});
				}
				var myChart = echarts.init(document.getElementById('sysPie'));
				option = {
						title : {
							text: '实验室类型统计',
							x:'center'
						},
						tooltip : {
							trigger: 'item',
							formatter: "{a} <br/>{b} : {c} ({d}%)"
						},
						legend: {
							orient: 'vertical',
							left: 'left',
							data: name
						},
						series : [
						          {
						        	  name: '实验室类型统计',
						        	  type: 'pie',
						        	  radius : '55%',
						        	  center: ['50%', '60%'],
						        	  label: {
						        		  normal: {
						        			  show: true,
						        			  formatter: '{b}: {c}({d}%)'
						        		  }
						        	  },
						        	  data:list,
						        	  itemStyle: {
						        		  emphasis: {
						        			  shadowBlur: 10,
						        			  shadowOffsetX: 0,
						        			  shadowColor: 'rgba(0, 0, 0, 0.5)'
						        		  }
						        	  }
						          }
						          ]
				};
				myChart.setOption(option);
			},