2 lines
2.2 KiB
JavaScript
2 lines
2.2 KiB
JavaScript
import{a as F,ba as g,v as f,w as S,L as B,o as d,h as y,i as t,t as u,p as x,B as l,k as r,F as j,aH as E,j as I,cY as H,cX as N,cI as O}from"./index.203f4f59.js";import{u as R}from"./useECharts.f2bf9eb6.js";import{c as v}from"./colors.69d1b0cd.js";const z={class:"bg-[#1D2D35] p-10px"},A={class:"flex items-start w-full"},M={class:"text-base flex-1"},T={class:"cursor-pointer"},V=t("span",{class:"text-white text-12px"},"\u8BBE\u5907",-1),q=F({__name:"LineCharts_change",props:{loading:Boolean,data:{type:Object,default:()=>{}}},setup(w){const n=w,C=g.Item,h=f([]),o=f(0),p=f(null),{setOptions:b}=R(p),s=S({x_axis:[],series:[]}),k=({key:e})=>{o.value=e,m()};function D(e){const a={legendData:[],series:[]};return e.series.forEach(({name:i,data:c},L)=>{const _=v[L%v.length];a.legendData.push(i+""),a.series.push({name:i,data:c,type:"line",smooth:!1,itemStyle:{color:_.itemColor},areaStyle:{color:_.areaColor}})}),a}const m=()=>{const e=D({x_axis:s.x_axis,series:s.series});h.value=e.series,b({grid:{left:"2%",right:"20px",top:"10%",bottom:"2%",containLabel:!0},legend:{data:[e.legendData[o.value]],top:"0%",right:"0",textStyle:{color:"#ffffff"},show:!1},title:{text:e.legendData[o.value][0],textStyle:{color:"#fff",fontSize:"12"},right:0},tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:s.x_axis.map(a=>O(a).format("HH:mm")),axisTick:{show:!1},axisLine:{show:!1},axisLabel:{color:"#fff"}},yAxis:[{type:"value",axisTick:{show:!1},axisLine:{show:!1},axisLabel:{color:"#fff"},splitLine:{lineStyle:{type:"dashed"}}}],series:[e.series[o.value]]})};return B(()=>n.data,e=>{e&&(s.x_axis=e.x_axis,s.series=e.series,m())},{immediate:!0}),(e,a)=>(d(),y("div",z,[t("div",A,[t("div",M,u(n.data.name)+"\uFF08"+u(n.data.unit)+"\uFF09",1),t("div",null,[x(r(N),{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:l(()=>[x(r(g),{onClick:k},{default:l(()=>[(d(!0),y(j,null,E(h.value,(i,c)=>(d(),I(r(C),{key:c},{default:l(()=>[t("div",null,u(i.name),1)]),_:2},1024))),128))]),_:1})]),default:l(()=>[t("div",T,[V,x(r(H),{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])]),t("div",{ref_key:"chartRef",ref:p,class:"w-full h-300px"},null,512)]))}});export{q as default};
|