| 1 |
- var f=(s,t,a)=>new Promise((c,d)=>{var n=e=>{try{r(a.next(e))}catch(i){d(i)}},o=e=>{try{r(a.throw(e))}catch(i){d(i)}},r=e=>e.done?c(e.value):Promise.resolve(e.value).then(n,o);r((a=a.apply(s,t)).next())});import{u as b}from"./useECharts-e79dc066.js";import{d as g,f as m,o as w,w as y,Y as v,Z as x,_ as B,ad as C}from"./vue-8fccce23.js";import{_ as F}from"./index.js";import"./antd-ecb53b14.js";const O={class:"pie"},k=g({__name:"pie",props:{width:{type:String,default:"100%"},height:{type:String,default:"400px"},data:{type:Object,default:()=>{}}},setup(s){const t=s,a=m(null),{setOptions:c}=b(a),d=m(!0);w(()=>f(this,null,function*(){n()})),y(()=>t.data,o=>{n()});function n(){var p,u,h;const o=(p=t.data)==null?void 0:p.content,r=(o==null?void 0:o.reduce((l,_)=>parseFloat(l)+parseFloat(_.value),0))||0;let e={};e=t.data.id!="bubble"&&t.data.id!="jam"&&t.data.id!="noBox"&&t.data.id!="limit"&&t.data.id!="lowBattery"&&t.data.id!="outOfControl"&&t.data.id!="machine"?{orient:"vertical",right:20,top:40,bottom:20}:{orient:"horizontal",right:20,top:40,type:"scroll"};const i=d.value?"{b} (数量: {c}, 占比: {d}%)":"{b} ({c})";c({title:{show:!1,text:((u=t.data)==null?void 0:u.description)||"",left:"left"},tooltip:{trigger:"item",valueFormatter:l=>"数量: "+l+" 占比: "+(Number((l/r*100).toFixed(2))||0)+"%"},toolbox:{feature:{saveAsImage:{type:"png"}}},legend:e,series:[{type:"pie",radius:"50%",data:((h=t.data)==null?void 0:h.content)||[],minAngle:5,avoidLabelOverlap:!0,label:{show:!0,formatter:i,overflow:"break"},emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]})}return(o,r)=>(v(),x("div",O,[B("div",{ref_key:"chartRef",ref:a,style:C({height:s.height,width:s.width})},null,4)]))}});const I=F(k,[["__scopeId","data-v-bd72429c"]]);export{I as default};
|
