|
|
import{i as S,L as C,e as w}from"./index-Csvj-veb.js";import{c as O}from"./cloneDeep-C6NKQlMO.js";import{d as B,Y as A,t as _,Q as $,v as F,p as k,o as D,b as L,k as R}from"./index-bVOhw2NF.js";import"./_initCloneObject-K-Y0ueWp.js";import"./_getTag-BJ2nhJXz.js";const M=B({name:"EsBatteryBar",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 n=[{category:"市区",data1:88.6},{category:"市南",data1:88.9},{category:"市北",data1:89},{category:"万州",data1:88.8},{category:"秀山",data1:20},{category:"川东",data1:20},{category:"岭南",data1:20},{category:"武隆",data1:20}],e=A(null),c=(t,a)=>{const{grid:m,title:f,legend:p,tooltip:l,xAxis:i,yAxis:y,codeConfig:b,renderMode:u}=a,d=document.querySelector(`.chart-${r.element.id}`);if(d){e.value||(e.value=S(d,null,{renderer:u}));const s=t||n,g=[{name:"采集覆盖率情况",type:"bar",barWidth:30,itemStyle:{normal:{color:new C(0,0,0,1,[{offset:0,color:"rgba(249,255,59,1)"},{offset:1,color:"rgba(15,38,35,0.2)"}])}},data:n.map(o=>o.data1),z:10,zlevel:2,label:{show:!0,position:"top",distance:10,fontSize:16,fontFamily:"DIN",color:"#ffffff",zlevel:4,z:10,formatter:"{c}%"}},{type:"pictorialBar",itemStyle:{normal:{color:"#0F375F"}},symbolRepeat:"fixed",symbolMargin:3,symbol:"rect",symbolClip:!0,symbolSize:[30,3],symbolPosition:"start",symbolOffset:[0,-1],data:n.map(o=>o.data1),width:25,z:0,zlevel:3},{name:"背景条",type:"bar",barWidth:"30",barGap:"-100%",itemStyle:{normal:{borderWidth:0,color:"rgba(146,158,48,0.2)"},barBorderRadius:10},data:[100,100,100,100,100,100,100,100,100],z:0,zlevel:0},{type:"pictorialBar",itemStyle:{normal:{color:"#0F375F"}},symbolRepeat:"fixed",symbolMargin:3,symbol:"rect",symbolClip:!0,symbolSize:[30,3],symbolPosition:"start",symbolOffset:[0,-1],data:[100,100,100,100,100,100,100,100,100],width:25,z:0,zlevel:1}],h={text:"交通方式",top:"48%",textAlign:"center",left:"49%",textStyle:{color:"#fff",fontSize:22,fontWeight:"400"},...p,data:s.map(o=>o.category)},x={...i,axisLabel:{...i.axisLabel},nameLocation:"end",nameGap:5,nameTextStyle:{color:i.nameColor,verticalAlign:"top",lineHeight:28},data:s.map(o=>o.category)},z={grid:m,title:f,tooltip:{...l,borderColor:l.backgroundColor,textStyle:{...l.textStyle,align:"left"}},legend:h,xAxis:x,yAxis:y,series:g},v=new Function("option","datas","instance","echarts",b)(O(z),s,e.value,w);e.value.setOption(v)}};return _([()=>r.datasets,()=>r.options],([t,a])=>{t&&$(()=>{c(t,a)})},{immediate:!0,deep:!0}),F(()=>{const t=new ResizeObserver(()=>{e.value.resize()}),a=document.querySelector(`.chart-${r.element.id}`);a&&t.observe(a)}),{myChart:e}}});function W(r,n,e,c,t,a){return D(),L("div",{class:R(`chart-${r.element.id}`),width:"100%",height:"100%"},null,2)}const P=k(M,[["render",W]]);export{P as default};
|
