2 lines
1.6 KiB
JavaScript
2 lines
1.6 KiB
JavaScript
import{a as d,r as f,H as c,e3 as m,o as p,j as h,x as i,i as l,t as y,bm as u,k as x}from"./index.cd4314d7.js";import{C as g}from"./index.816074f4.js";import"./index.bac46beb.js";import"./index.7873d6f9.js";import{u as w,e as S}from"./useECharts.7ae6cef3.js";import"./index.ca22355c.js";import"./index.4bcc05d8.js";import"./useRefs.810ae0b2.js";import"./PlusOutlined.d4b0e096.js";const b={class:"text-18px font-extrabold"},D=d({__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:""}},setup(t){const o=t,r=f(null),{setOptions:n}=w(r);return c(()=>o.data,e=>{if(e){const s=o.company==="day"?"HH:mm":"YYYY-MM-DD";n({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:Object.keys(e).map(a=>m(a).format(s)),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(e).map(a=>a||0),type:"line",areaStyle:{color:new S.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}),(e,s)=>(p(),h(x(g),{loading:t.loading},{title:i(()=>[l("div",b,y(t.title),1)]),extra:i(()=>[]),default:i(()=>[l("div",{ref_key:"chartRef",ref:r,style:u({width:t.width,height:t.height})},null,4)]),_:1},8,["loading"]))}});export{D as default};
|