2 lines
1.9 KiB
JavaScript
2 lines
1.9 KiB
JavaScript
import{a as p,f as u,cG as s,r as h,H as y,o as x,j as g,x as r,i as o,t as l,bm as Y,k as w}from"./index.d96edf17.js";import{C as S}from"./index.94eb0f85.js";import"./index.5bcb1d9d.js";import"./index.7740311a.js";import{u as b,e as k}from"./useECharts.3bc533c1.js";import"./index.14b0935e.js";import"./index.736e5e0d.js";import"./useRefs.fa86f359.js";import"./PlusOutlined.b8e9d20a.js";const v={class:"flex items-end"},D={class:"text-18px font-extrabold"},j={class:"ml-8px text-14px"},R=p({__name:"LineCharts",props:{loading:Boolean,title:{type:String,default:"\u6807\u9898"},width:{type:String,default:"100%"},height:{type:String,default:"300px"},data:{type:Object,default:()=>{}},company:{type:String,default:""},time:{type:Object,default:()=>{}},unit:{type:String,default:""}},setup(e){const a=e,d=u(()=>{var t,i;if(a.time){const c=s((t=a.time)==null?void 0:t[0]).format("YYYY-MM-DD"),m=s((i=a.time)==null?void 0:i[1]).format("YYYY-MM-DD");if(c===m)return"HH:mm"}return a.company==="day"?"HH:mm":"YYYY-MM-DD"}),n=h(null),{setOptions:f}=b(n);return y(()=>a.data,t=>{t&&f({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:Object.keys(t).map(i=>s(i).format(d.value)),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),type:"line",areaStyle:{color:new k.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,i)=>(x(),g(w(S),{loading:e.loading},{title:r(()=>[o("div",v,[o("div",D,l(e.title),1),o("div",j,l(e.unit),1)])]),extra:r(()=>[]),default:r(()=>[o("div",{ref_key:"chartRef",ref:n,style:Y({width:e.width,height:e.height})},null,4)]),_:1},8,["loading"]))}});export{R as default};
|