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
1.6 KiB
1 lines
1.6 KiB
import{i as y,e as b}from"./index-Csvj-veb.js";import"./liquidFillView-DtmJjl17.js";import{c as v}from"./cloneDeep-C6NKQlMO.js";import{d as x,Y as S,t as g,Q as C,v as _,p as $,o as k,b as w,k as z}from"./index-bVOhw2NF.js";import"./_initCloneObject-K-Y0ueWp.js";import"./_getTag-BJ2nhJXz.js";const O=x({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(n){const e=S(null),s=(t,o)=>{const{codeConfig:c,color1:l,color2:d,backgroundColor:u,borderColor:f,borderWidth:m,title:a}=o,i=document.querySelector(`.chart-${n.element.id}`);if(i){e.value||(e.value=y(i));const r=t;if(r){const p={title:{text:a.text,x:"center",y:"85%",textStyle:{color:a.color,fontSize:a.fontSize,textAlign:"center"}},series:[{type:"liquidFill",radius:"70%",center:["50%","45%"],color:[{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:l},{offset:1,color:d}]}],data:[r,r],backgroundStyle:{borderWidth:m,borderColor:f,color:u},outline:{show:!1}}]},h=new Function("option","datas","instance","echarts",c)(v(p),r,e.value,b);e.value.setOption(h)}}};return g([()=>n.datasets,()=>n.options],([t,o])=>{t&&C(()=>{s(t,o)})},{immediate:!0,deep:!0}),_(()=>{const t=new ResizeObserver(()=>{e.value.resize()}),o=document.querySelector(`.chart-${n.element.id}`);o&&t.observe(o)}),{myChart:e}}});function j(n,e,s,t,o,c){return k(),w("div",{class:z(`chart-${n.element.id}`),width:"100%",height:"100%"},null,2)}const R=$(O,[["render",j]]);export{R as default};
|