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.849d0024.js";import{u as d}from"./useECharts.6f772184.js";import{i as h}from"./other.8699d858.js";import{u as m}from"./visualization.ac901141.js";import{c as u}from"./colors.69d1b0cd.js";import{J as g,a as y,s as v,r as w,bp as B,H as S,aA as b,o as C,j as D,x as A,i as _}from"./index.d70f4f63.js";const E=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}}}),L={class:"h-full flex flex-col"},$={class:"flex-1",ref:"chartRef"};function k(s,i,o,n,a,c){const e=b("Box");return C(),D(e,{title:"\u7A3B\u867E\u6D41\u5411"},{default:A(()=>[_("div",L,[_("div",$,null,512)])]),_:1})}var Y=g(E,[["render",k],["__scopeId","data-v-2d7dfd8c"]]);export{Y as default};
|