2 lines
1.4 KiB
JavaScript
2 lines
1.4 KiB
JavaScript
import{Card as n}from"ant-design-vue";import{u as d,e as f}from"./useECharts.7e254417.js";import{d as u,r as c,E as h,o as g,i as p,s as t,h as r,t as x,x as y,ax as m,j as w}from"./index.600742c0.js";const S={class:"text-18px font-extrabold"},k=u({__name:"LineCharts",props:{loading:Boolean,title:{type:String,default:"\u6807\u9898"},width:{type:String,default:"100%"},height:{type:String,default:"300px"}},setup(e){const a=e,i=c(null),{setOptions:s}=d(i);return h(()=>a.loading,()=>{a.loading||s({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:[...new Array(18)].map((l,o)=>`${o+6}:00`),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:[11,22,40,18,3,55,66,33,14,30,66,44,22,11,40,20,50,33,22,11],type:"line",areaStyle:{color:new f.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#d7f3f2"},{offset:1,color:"#ebf9f9"}])},itemStyle:{color:"#5ab1ef"}}]})},{immediate:!0}),(l,o)=>(g(),p(w(n),{loading:e.loading},{title:t(()=>[r("div",S,x(e.title),1)]),extra:t(()=>[y("\u666E\u6DA6\u9547\u6854\u535A\u56ED-\u8BBE\u5907\u95F4\u65C1\u8FB9")]),default:t(()=>[r("div",{ref_key:"chartRef",ref:i,style:m({width:e.width,height:e.height})},null,4)]),_:1},8,["loading"]))}});export{k as default};
|