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 u from"./Box.5a9a1fd5.js";import{u as d}from"./useECharts.e8e78988.js";import{j as h}from"./other.90f932e6.js";import{u as m}from"./visualization.6e67845e.js";import{c as _}from"./colors.35198826.js";import{a as y,w as g,v,bq as w,K as D,L,aG as B,o as S,j as b,z as C,i as x}from"./index.6439bb26.js";const E=y({components:{Box:u},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,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,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 S(),b(e,{title:"\u7A3B\u867E\u6D41\u5411"},{default:C(()=>[x("div",k,[x("div",$,null,512)])]),_:1})}var V=L(E,[["render",X],["__scopeId","data-v-ce77d34e"]]);export{V as default};
|