2 lines
1.4 KiB
JavaScript
2 lines
1.4 KiB
JavaScript
import{d,r as f,E as c,c3 as h,o as p,i as m,s as o,h as n,ax as u,j as y}from"./index.600742c0.js";import{Card as x}from"ant-design-vue";import{u as g,e as w}from"./useECharts.7e254417.js";const S=n("div",{class:"text-18px font-extrabold"},"\u98CE\u901F",-1),C=d({__name:"WindSpeed",props:{loading:Boolean,width:{type:String,default:"100%"},height:{type:String,default:"300px"},data:{type:Object,default:()=>{}},company:{type:String,default:""}},setup(e){const i=e,s=f(null),{setOptions:l}=g(s);return c(()=>i.data,t=>{if(t){const r=i.company==="day"?"HH:mm":"YYYY-MM-DD";l({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:Object.keys(t).map(a=>h(a).format(r)),axisTick:{show:!1},axisLine:{show:!1}},yAxis:[{type:"value",axisTick:{show:!1},splitLine:{lineStyle:{type:"dashed"}}}],grid:{left:"1%",right:"1%",top:"2 %",bottom:0,containLabel:!0},series:[{smooth:!0,data:Object.values(t).map(a=>a||0),type:"line",areaStyle:{color:new w.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#d7f3f2"},{offset:1,color:"#ebf9f9"}])},itemStyle:{color:"#5ab1ef"}}],dataZoom:[{type:"inside",show:!1,xAxisIndex:0}]})}},{immediate:!0}),(t,r)=>(p(),m(y(x),{loading:e.loading},{title:o(()=>[S]),extra:o(()=>[]),default:o(()=>[n("div",{ref_key:"chartRef",ref:s,style:u({width:e.width,height:e.height})},null,4)]),_:1},8,["loading"]))}});export{C as default};
|