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.ea9d0e0a.js";import{u as d}from"./useECharts.f2bf9eb6.js";import{n as h}from"./other.d43d2a78.js";import{u as m}from"./visualization.0e8abb36.js";import{c as u}from"./colors.69d1b0cd.js";import{q as g,a as y,w as v,v as w,x as B,L as S,aE as C,o as D,j as E,B as L,i as _}from"./index.203f4f59.js";const b=y({components:{Box:x},setup(){const s=v({x_axis:[],series:[]}),i=w(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=u[l%u.length];e.legendData.push(r),e.series.push({name:r,data:t,type:"line",symbol:"none",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,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 B(()=>{a()}),S(()=>o.getYear,()=>a()),{chartRef:i}}}),A={class:"h-full flex flex-col"},$={class:"flex-1",ref:"chartRef"};function k(s,i,o,n,a,c){const e=C("Box");return D(),E(e,{title:"\u7A3B\u867E\u6D41\u5411"},{default:L(()=>[_("div",A,[_("div",$,null,512)])]),_:1})}var Y=g(b,[["render",k],["__scopeId","data-v-2d7dfd8c"]]);export{Y as default};
|