物管理前端
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.
 
 
 
 

1 lines
2.0 KiB

import{i as g,e as x}from"./index-Csvj-veb.js";import"./liquidFillView-DtmJjl17.js";import{c as z}from"./cloneDeep-C6NKQlMO.js";import{d as C,Y as w,t as _,Q as $,v as O,p as k,o as N,b as j,k as A}from"./index-bVOhw2NF.js";import"./_initCloneObject-K-Y0ueWp.js";import"./_getTag-BJ2nhJXz.js";const B=C({name:"EsWaterchart",components:{},props:{options:{type:Object,default:()=>({})},datasets:{type:[String,Number,Array,Object],default:()=>[]},eventData:{type:[String,Boolean,Number],default:""},element:{type:Object,default:()=>({})}},setup(a){const e=w(null),s=(t,o)=>{const{codeConfig:i,legend:c,splitArea:d,splitLine:m,axisLine:p,radius:u,startAngle:f,splitNumber:h}=o,l=document.querySelector(`.chart-${a.element.id}`);if(l){e.value||(e.value=g(l));const n=t;if(n){const b=n.indicator,y={backgroundColor:"transparent",color:["#00c2ff","#f9cf67","#e92b77"],legend:{...c,data:n.list.map(r=>r.name)},tooltip:{},radar:[{indicator:b,textStyle:{color:"red"},center:["50%","50%"],radius:u,startAngle:f,splitNumber:h,orient:"horizontal",axisName:{formatter:"{value}",fontSize:14,color:"#5b81cb"},splitArea:d,axisLine:p,splitLine:m}],series:[{name:"雷达图",type:"radar",emphasis:{lineStyle:{width:4}},data:n.list.map(r=>({name:r.name,value:r.value,areaStyle:{color:{type:"linear",x:0,y:0,x2:1,y2:1,colorStops:r.colorStops,globalCoord:!1},opacity:1},symbolSize:2.5,label:{show:!0,position:"top",distance:2,color:"#6692e2",fontSize:14,formatter(S){return S.value}},itemStyle:{borderColor:r.colorStops[0].color,borderWidth:2.5}}))}]},v=new Function("option","datas","instance","echarts",i)(z(y),n,e.value,x);e.value.setOption(v)}}};return _([()=>a.datasets,()=>a.options],([t,o])=>{t&&$(()=>{s(t,o)})},{immediate:!0,deep:!0}),O(()=>{const t=new ResizeObserver(()=>{e.value.resize()}),o=document.querySelector(`.chart-${a.element.id}`);o&&t.observe(o)}),{myChart:e}}});function D(a,e,s,t,o,i){return N(),j("div",{class:A(`chart-${a.element.id}`),width:"100%",height:"100%"},null,2)}const M=k(B,[["render",D]]);export{M as default};