engineePie-55334452.js 2.3 KB

1
  1. var b=(l,a,o)=>new Promise((i,s)=>{var c=t=>{try{r(o.next(t))}catch(e){s(e)}},d=t=>{try{r(o.throw(t))}catch(e){s(e)}},r=t=>t.done?i(t.value):Promise.resolve(t.value).then(c,d);r((o=o.apply(l,a)).next())});import{u as x}from"./useECharts-e79dc066.js";import{d as S,f as u,o as F,w as z,Y as C,Z as A,_ as E,ad as k}from"./vue-8fccce23.js";import{_ as B}from"./index.js";import"./antd-ecb53b14.js";const O={class:"pie"},P=S({__name:"engineePie",props:{width:{type:String,default:"100%"},height:{type:String,default:"526px"},data:{type:Object,default:()=>{}}},setup(l){var t;const a=l,o=u([]),i={rich:{name:{fontSize:14,color:"#273240"},value:{fontSize:18,color:"#131313"},unit:{fontSize:12,color:"#8A99AC"}}};(t=a.data)==null||t.content.forEach(e=>{o.value.push(e.name)});const s=u(null),{setOptions:c}=x(s),d=u(!0);F(()=>b(this,null,function*(){r()})),z(()=>a.data,e=>{r()});function r(){var p,_,g;const e=(p=a.data)==null?void 0:p.content,m=(e==null?void 0:e.reduce((n,f)=>n+f.value,0))||0;let h={};h=[{data:o.value,itemGap:25,orient:"orient",x:"center",bottom:"15%",itemWidth:12,itemHeight:12,formatter:n=>{var v;const f=(v=a.data)==null?void 0:v.content.filter(w=>w.name==n)[0].value;return["{name|"+n+"}","{value|"+f+"}"].join("\r\r\r")},textStyle:i}];const y=d.value?"{b} (数量: {c}, 占比: {d}%)":"{b} ({c})";c({title:{text:(_=a.data)==null?void 0:_.total,subtext:"全部机器",textStyle:{color:"#131313",fontSize:40},subtextStyle:{fontSize:17,color:"#273240"},top:"28%",left:"center"},tooltip:{trigger:"item",valueFormatter:n=>"数量: "+n+" 占比: "+(Number((n/m*100).toFixed(2))||0)+"%"},toolbox:{show:!1,feature:{saveAsImage:{type:"png"}}},legend:h,series:[{type:"pie",center:["50%","35%"],radius:["65%","50%"],data:((g=a.data)==null?void 0:g.content)||[],color:["#FA6400","#FFC116","#E2EDF6"],minAngle:5,avoidLabelOverlap:!0,label:{show:!1,formatter:y,overflow:"break"},emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}},{type:"pie",zlevel:1,silent:!0,center:["50%","35%"],radius:["76%","67%"],hoverAnimation:!1,color:"#F4FCFF",label:{normal:{show:!1}},labelLine:{normal:{show:!1}},data:[1]}]})}return(e,m)=>(C(),A("div",O,[E("div",{ref_key:"chartRef",ref:s,style:k({height:l.height,width:l.width})},null,4)]))}});const V=B(P,[["__scopeId","data-v-5dbd647f"]]);export{V as default};