2 lines
1.9 KiB
JavaScript
2 lines
1.9 KiB
JavaScript
import{a as p,f,cI as s,v as y,L as h,o as x,j as C,B as n,i as m,bp as g,k as b}from"./index.203f4f59.js";import{C as E}from"./index.9f194c97.js";import"./index.6791ddaa.js";import"./index.71283b4e.js";import{u as Y}from"./useECharts.f2bf9eb6.js";import"./index.0a5a9dd5.js";import"./index.886f9be4.js";import"./useRefs.432b35dd.js";import"./PlusOutlined.8a2c9f9f.js";const w=m("div",{class:"text-18px font-extrabold"},"\u98CE\u5411",-1),O=p({__name:"WindDirection",props:{loading:Boolean,width:{type:String,default:"100%"},height:{type:String,default:"300px"},data:{type:Object,default:()=>{}},company:{type:String,default:""},time:{type:Object,default:()=>{}}},setup(r){const a=r,c=f(()=>{var e,t;if(a.time){const i=s((e=a.time)==null?void 0:e[0]).format("YYYY-MM-DD"),o=s((t=a.time)==null?void 0:t[1]).format("YYYY-MM-DD");if(i===o)return"HH:mm"}return a.company==="day"?"HH:mm":"YYYY-MM-DD"}),u={0:"\u5317\u98CE",1:"\u4E1C\u5317\u98CE",2:"\u4E1C\u98CE",3:"\u4E1C\u5357\u98CE",4:"\u5357\u98CE",5:"\u897F\u5357\u98CE",6:"\u897F\u98CE",7:"\u897F\u5317\u98CE"},l=y(null),{setOptions:d}=Y(l);return h(()=>a.data,e=>{e&&d({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}},formatter:t=>{const i=t[0];let o=`${i.name}<br/>`;return o+=`${i.marker}<span style="width:50px;display: inline-block;">${u[i.value]}</span>`,o}},xAxis:{type:"category",data:Object.keys(e).map(t=>s(t).format(c.value)),axisTick:{show:!1},axisLine:{show:!1}},yAxis:[{splitNumber:7,min:0,max:7,type:"value",axisTick:{show:!1},splitLine:{lineStyle:{type:"dashed"}},axisLabel:{formatter:t=>u[t]}}],grid:{left:"2%",right:"4%",top:"20px",bottom:0,containLabel:!0},series:[{symbolSize:20,type:"scatter",data:Object.values(e)}]})},{immediate:!0}),(e,t)=>(x(),C(b(E),{loading:r.loading},{title:n(()=>[w]),extra:n(()=>[]),default:n(()=>[m("div",{ref_key:"chartRef",ref:l,style:g({width:r.width,height:r.height})},null,4)]),_:1},8,["loading"]))}});export{O as default};
|