2 lines
1.9 KiB
JavaScript
2 lines
1.9 KiB
JavaScript
import{a as p,f,cG as s,r as y,H as h,o as x,j as C,x as n,i as m,bm as g,k as b}from"./index.e8334860.js";import{C as E}from"./index.a270b4aa.js";import"./index.a6c93adc.js";import"./index.42fbabf5.js";import{u as Y}from"./useECharts.5a7ae481.js";import"./index.111d9261.js";import"./index.8e80d52e.js";import"./useRefs.b991dc76.js";import"./PlusOutlined.dfc75c0d.js";const w=m("div",{class:"text-18px font-extrabold"},"\u98CE\u5411",-1),B=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{B as default};
|