2 lines
3.0 KiB
JavaScript
2 lines
3.0 KiB
JavaScript
var C=(u,h,i)=>new Promise((l,c)=>{var p=a=>{try{m(i.next(a))}catch(s){c(s)}},d=a=>{try{m(i.throw(a))}catch(s){c(s)}},m=a=>a.done?l(a.value):Promise.resolve(a.value).then(p,d);m((i=i.apply(u,h)).next())});import L from"./Box.6e1a6928.js";import{u as F}from"./useECharts.7b7a31e5.js";import{h as k}from"./other.770da20f.js";import{c as D}from"./colors.69d1b0cd.js";import{u as $}from"./visualization.0b352701.js";import{u as j}from"./useVContext.90866f64.js";import{a as P,s as A,r as E,bp as G,af as J,H as S,J as N,aA as R,o as V,j as z,x as O,i as B}from"./index.eec7c138.js";const U=P({components:{Box:L},setup(){const u=$(),{rootEmitter:h}=j(),i=A([{key:"0",value:"\u5168\u90E8"},{key:"1",value:"\u9C7C"},{key:"2",value:"\u867E"}]),l=A({x_axis:[],series:[]}),c=E("0"),p=E(null),d=e=>{c.value!=e&&(c.value=e,y())},{setOptions:m,getInstance:a}=F(p);let s=[];function v(){const e={legendData:[],series:[]};return l.series.forEach(({name:o,data:r},f)=>{const n=D[f%D.length];e.legendData.push(o+""),e.series.push({name:o,data:r,type:"line",smooth:!1,itemStyle:{color:n.itemColor},areaStyle:{color:n.areaColor}})}),s=e.legendData,e}const y=()=>{const e=v();m({grid:{left:"2%",right:"20px",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:l.x_axis,boundaryGap:!1,axisTick:{show:!1},axisLine:{show:!1},axisLabel:{color:"#fff"}},yAxis:[{type:"value",axisTick:{show:!1},nameTextStyle:{color:"#fff"},splitLine:{lineStyle:{type:"solid",color:"#8EEEFF",opacity:.3}},axisLabel:{color:"#fff",formatter:o=>o}}],series:e.series,animationDuration:2e3}),u.getPlay&&b()};let t=null;function b(){let e=0;const o=3e3;t&&clearInterval(t);let r=0,f=0;const n=2;t=setInterval(()=>{var x;r=e%4,f=e%(4*n),(x=a())==null||x.dispatchAction({type:"showTip",seriesIndex:0,dataIndex:r}),f+1>=4*n&&(t&&clearInterval(t),setTimeout(()=>{var g;(g=a())==null||g.dispatchAction({type:"hideTip"})},o),_(!1)),e++},o)}function T(){const e=v();let o=0,r=0;const f=3e3;t&&clearInterval(t),t=setInterval(()=>{var n,x;r=o%s.length,r==0&&s.forEach((g,w)=>{var I;(I=a())==null||I.dispatchAction({type:"legendUnSelect",name:s[w]})}),(n=a())==null||n.setOption({series:[e.series[r]]}),(x=a())==null||x.dispatchAction({type:"legendSelect",name:s[r]}),r==s.length-1&&(t&&clearInterval(t),setTimeout(()=>{b()},f)),o++},f)}function _(e=!0){return C(this,null,function*(){const o=yield k();l.x_axis=o.x_axis,l.series=o.series,e?y():T()})}return G(()=>{_(),h.on("interval:auto",()=>{})}),J(()=>{t&&clearInterval(t)}),S(()=>u.getYear,()=>_()),S(()=>u.getPlay,()=>{t&&clearInterval(t),_()}),{tabList:i,currentTab:c,chartRef:p,changeTab:d}}}),X={class:"h-full flex flex-col"},H={class:"flex-1",ref:"chartRef"};function M(u,h,i,l,c,p){const d=R("Box");return V(),z(d,{title:"\u7A3B\u867E\u4EF7\u683C\uFF08\u5143/\u65A4\uFF09"},{default:O(()=>[B("div",X,[B("div",H,null,512)])]),_:1})}var ae=N(U,[["render",M],["__scopeId","data-v-45f2ec7b"]]);export{ae as default};
|