You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
2.9 KiB
2 lines
2.9 KiB
import{i as S,e as z}from"./index-Csvj-veb.js";import{c as B}from"./cloneDeep-C6NKQlMO.js";import{d as C,Y as A,t as O,Q as _,v as $,p as k,o as E,b as L,k as D}from"./index-bVOhw2NF.js";import"./_initCloneObject-K-Y0ueWp.js";import"./_getTag-BJ2nhJXz.js";const j=C({name:"EsRosePie",components:{},props:{options:{type:Object,default:()=>({})},datasets:{type:[Array,Object,String],default:()=>[]},eventData:{type:[String,Boolean,Number],default:""},element:{type:Object,default:()=>({})}},setup(r){const s=[{category:"容量小设备老旧",data1:63},{category:"季节性企业用电",data1:27},{category:"企业用电高峰",data1:37},{category:"节假日",data1:53},{category:"临时用电",data1:10},{category:"三相用电不平衡",data1:26}],t=A(null),i=(o,a)=>{const{grid:p,title:u,legend:h,tooltip:l,codeConfig:m,renderMode:g}=a,c=document.querySelector(`.chart-${r.element.id}`);if(c){t.value||(t.value=S(c,null,{renderer:g}));const n=o||s,d=["#218de0","#01cbb3","#85e647","#5d5cda","#05c5b0","#c29927"],y=["rgba(60,170,211,0.05)","rgba(1,203,179,0.05)","rgba(133,230,71,0.05)","rgba(93,92,218,0.05)","rgba(5,197,176,0.05)","rgba(194,153,39,0.05)"],f=[];for(let e=0;e<n.length;e++)f.push({value:n[e].data1,name:n[e].category,itemStyle:{borderColor:d[e],borderWidth:2,shadowBlur:20,shadowColor:d[e],shadowOffsetx:25,shadowOffsety:20,color:y[e]}});const b=[{stack:"a",type:"pie",radius:"80%",roseType:"radius",zlevel:10,startAngle:100,label:{normal:{formatter:["{b|{b}}","{d|{d}%}"].join(`
|
|
`),rich:{b:{color:"#3bd2fe",fontSize:14,lineHeight:20},d:{color:"#d0fffc",fontSize:14,height:20}}}},labelLine:{normal:{show:!0,length:10,length2:45,lineStyle:{color:"#0096b1"}},emphasis:{show:!1}},data:f}],w={text:"交通方式",top:"48%",textAlign:"center",left:"49%",textStyle:{color:"#fff",fontSize:22,fontWeight:"400"},...h,data:n.map(e=>e.category)},v={grid:p,title:u,tooltip:{...l,borderColor:l.backgroundColor,textStyle:{...l.textStyle,align:"left"}},legend:w,polar:{},angleAxis:{interval:1,type:"category",data:[],z:10,axisLine:{show:!1,lineStyle:{color:"#0B4A6B",width:1,type:"solid"}},axisLabel:{interval:0,show:!0,color:"#0B4A6B",margin:8,fontSize:16}},radiusAxis:{min:20,max:120,interval:20,axisLine:{show:!1,lineStyle:{color:"#0B3E5E",width:1,type:"solid"}},axisLabel:{formatter:"{value} %",show:!1,padding:[0,0,20,0],color:"#0B3E5E",fontSize:16},splitLine:{lineStyle:{color:"#07385e",width:2,type:"dashed"}}},calculable:!0,series:b},x=new Function("option","datas","instance","echarts",m)(B(v),n,t.value,z);t.value.setOption(x)}};return O([()=>r.datasets,()=>r.options],([o,a])=>{o&&_(()=>{i(o,a)})},{immediate:!0,deep:!0}),$(()=>{const o=new ResizeObserver(()=>{t.value.resize()}),a=document.querySelector(`.chart-${r.element.id}`);a&&o.observe(a)}),{myChart:t}}});function R(r,s,t,i,o,a){return E(),L("div",{class:D(`chart-${r.element.id}`),width:"100%",height:"100%"},null,2)}const I=k(j,[["render",R]]);export{I as default};
|