先看图,脑回路一般。如果单个维度好理解,所有的值都填入echarts自动计算比例。但需求不是这样的。类型1至6视为100%,其他类型视为100%。思路:1.准备两个饼图叠加z:layer1显示类型,z:layer2层显示其他类型,第一层挖出330度,第二层挖出30度让出类型第一层。干货代码:varmyChart=echarts.init(document.getElementById('youid'));选项={backgroundColor:'rgba(255,255,255,0)',title:{left:'center',text:'yourtitle',textStyle:{color:'#3c3c3c',fontSize:14,lineHeight:1,fontWeight:'bold'},top:10},toolbox:{feature:{saveAsImage:{}}},grid:{top:'0%',left:'5%',right:'5%',bottom:'5%',containLabel:true,},graphic:{elements:[{type:'image',style:{width:40,height:40},左:'center',上:'center'}]},系列:[{name:“Type”,type:'pie',z:2,minAngle:30,radius:['10%','45%'],中心:['50%','50%'],颜色:['#0864A1','#FFC100','#47B5FF','#476DB4','#70AD47','#ED7D31','#47B5FF','#FF5218'],data:[{value:0,itemStyle:{normal:{color:"transparent"}}},{value:2.96,name:'typeone'},{value:0.72,name:'Type2'},{value:2.68,name:'Type3'},{value:9.22,name:'Type4'},{value:18.26,name:'Type5'},{value:0.66,名称:'Type6'},],标签:{正常:{格式器:'{c|{b}}\n{d|{d}%}',丰富:{b:{fontSize:12,颜色:'#12EABE',对齐:'左',padding:4},d:{fontSize:12,align:'left',padding:2},c:{color:'#3c3c3c',fontSize:12,align:'left',填充:2}}}}},{name:"其他类型",type:'pie',minAngle:330,z:1,radius:['10%','55%'],center:['50%','50%'],数据:[{值:10,name:'其他类型',selected:true,},{value:0,name:'',itemStyle:{normal:{color:"transparent"}}},],label:{normal:{formatter:'{c|{b}}\n{d|-16%}',rich:{b:{fontSize:12,color:'#12EABE',align:'left',padding:4},d:{fontSize:12,align:'left',padding:2},c:{color:'#3c3c3c',fontSize:12,align:'left',padding:2}}}}}]};//使用配置刚刚指定的Items和数据显示图表myChart.setOption(option);
