2 lines
1.6 KiB
JavaScript
2 lines
1.6 KiB
JavaScript
import{a as f,f as p,cG as o,r as u,H as h,o as y,j as x,x as r,i as s,bm as g,k as Y}from"./index.d96edf17.js";import{C as b}from"./index.94eb0f85.js";import"./index.5bcb1d9d.js";import"./index.7740311a.js";import{u as w}from"./useECharts.3bc533c1.js";import"./index.14b0935e.js";import"./index.736e5e0d.js";import"./useRefs.fa86f359.js";import"./PlusOutlined.b8e9d20a.js";const k=s("div",{class:"flex items-end"},[s("div",{class:"text-18px font-extrabold"},"\u964D\u96E8\u91CF"),s("div",{class:"ml-8px text-14px"},"mm")],-1),B=f({__name:"Rainfall",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(i){const e=i,n=p(()=>{var t,a;if(e.time){const d=o((t=e.time)==null?void 0:t[0]).format("YYYY-MM-DD"),c=o((a=e.time)==null?void 0:a[1]).format("YYYY-MM-DD");if(d===c)return"HH:mm"}return e.company==="day"?"HH:mm":"YYYY-MM-DD"}),l=u(null),{setOptions:m}=w(l);return h(()=>e.data,t=>{t&&m({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:Object.keys(t).map(a=>o(a).format(n.value)),axisTick:{show:!1},axisLine:{show:!1}},yAxis:[{type:"value",axisTick:{show:!1},splitLine:{lineStyle:{type:"dashed"}}}],grid:{left:"2%",right:"4%",top:"2 %",bottom:0,containLabel:!0},series:[{symbolSize:20,type:"scatter",data:Object.values(t)}]})},{immediate:!0}),(t,a)=>(y(),x(Y(b),{loading:i.loading},{title:r(()=>[k]),extra:r(()=>[]),default:r(()=>[s("div",{ref_key:"chartRef",ref:l,style:g({width:i.width,height:i.height})},null,4)]),_:1},8,["loading"]))}});export{B as default};
|