LineChart.5ccf797f.js 1.4 KB

1
  1. import{u as m,a8 as p,P as d,L as x,Q as f,M as h,o as y,h as g,m as s,t as v,k as a,q as S,n as b}from"./vendor.5f04cee5.js";import{i as w}from"./index.464a9d22.js";const L={class:"text-bold text-center text-blue text-sm"},B={props:{height:{type:String,default:"100%"},name:{type:String,default:"echart"},data:{type:Object,default:()=>({name:"name",xAxis:[],value:[],unit:"%"})}},setup(r){const l=r;m();var t=null;const{height:u,name:o,data:n}=p(l);d(n,e=>{t!=null&&t.setOption(i(e))},{deep:!0});const i=function(e){return{tooltip:{trigger:"axis",axisPointer:{type:"cross"},textStyle:{fontSize:16}},grid:{top:"14%",left:"1%",right:"2%",bottom:"1%",containLabel:!0},xAxis:{type:"category",boundaryGap:!1,axisLabel:{color:"#d6d6d6",fontSize:12,showMaxLabel:!0},data:e.xAxis},yAxis:{name:"("+e.unit+")",type:"value",axisLabel:{fontSize:12,color:"#5f6ee1",showMaxLabel:!0},axisLine:{show:!0,lineStyle:{color:["#5f6ee1"]}},splitLine:{show:!0,lineStyle:{color:["#29437c"]}}},series:[{name:e.name,data:e.value,type:"line",markPoint:{data:[{name:"\u6700\u5927\u503C",type:"max"}]}}]}};return x(()=>{f(()=>{t=w(document.getElementsByClassName(o.value)[0]),t.setOption(i(n.value)),t.resize(),window.addEventListener("resize",function(){t.resize()})})}),h(()=>{window.removeEventListener("resize",function(){})}),(e,c)=>(y(),g("div",null,[s("div",L,v(a(n).name),1),s("div",{class:S(a(o)),style:b(["height:"+a(u),{"min-width":"200px",margin:"auto"}])},null,6)]))}};export{B as _};