2 lines
1.8 KiB
JavaScript
2 lines
1.8 KiB
JavaScript
var p=(s,i,o)=>new Promise((n,a)=>{var c=t=>{try{r(o.next(t))}catch(l){a(l)}},e=t=>{try{r(o.throw(t))}catch(l){a(l)}},r=t=>t.done?n(t.value):Promise.resolve(t.value).then(c,e);r((o=o.apply(s,i)).next())});import x from"./Box.72b5130d.js";import{u as d}from"./useECharts.6e74a9a1.js";import{j as h}from"./other.96563ff1.js";import{u as m}from"./visualization.376d5571.js";import{c as _}from"./colors.28a3398e.js";import{a as y,w as g,v,bq as w,K as D,L,aG as b,o as B,j as S,z as C,i as u}from"./index.867f48c0.js";const E=y({components:{Box:x},setup(){const s=g({x_axis:[],series:[]}),i=v(null),o=m(),{setOptions:n}=d(i);function a(){return p(this,null,function*(){const e=yield h({year:o.getYear});s.x_axis=e.x_axis,s.series=e.series,c()})}const c=()=>{const e={legendData:[],series:[]};s.series.forEach(({name:r,data:t},l)=>{const f=_[l%_.length];e.legendData.push(r),e.series.push({name:r,data:t,smooth:!0,type:"line",symbol:"none",stack:"Total",itemStyle:{color:f.itemColor},areaStyle:{color:f.areaColor}})}),n({grid:{left:"2%",right:"2%",top:"10%",bottom:"2%",containLabel:!0},legend:{data:e.legendData,top:"0%",right:"0",textStyle:{color:"#ffffff"}},tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:s.x_axis,boundaryGap:!1,axisTick:{show:!1},axisLine:{show:!1},axisLabel:{color:"#fff"}},yAxis:[{type:"value",axisTick:{show:!1},splitLine:{lineStyle:{type:"solid",color:"#8EEEFF",opacity:.3}},axisLabel:{color:"#fff"}}],series:e.series})};return w(()=>{a()}),D(()=>o.getYear,()=>a()),{chartRef:i}}}),k={class:"h-full flex flex-col"},$={class:"flex-1",ref:"chartRef"};function X(s,i,o,n,a,c){const e=b("Box");return B(),S(e,{title:"\u7A3B\u867E\u6D41\u5411"},{default:C(()=>[u("div",k,[u("div",$,null,512)])]),_:1})}var I=L(E,[["render",X],["__scopeId","data-v-43a4ac30"]]);export{I as default};
|