2 lines
1.5 KiB
JavaScript
2 lines
1.5 KiB
JavaScript
import{a as n,v as d,K as f,o as u,j as c,z as e,i as r,t as h,B as p,bn as m,k as g}from"./index.1ceafab0.js";import{C as y}from"./index.387934c3.js";import"./index.75b9e10f.js";import"./index.28ab0fd4.js";import{u as x,e as w}from"./useECharts.0fa0cb48.js";import"./index.7d37118e.js";import"./index.9c7d8093.js";import"./useRefs.00ac041c.js";import"./PlusOutlined.4fbade24.js";const S={class:"text-18px font-extrabold"},T=n({__name:"LineCharts",props:{loading:Boolean,title:{type:String,default:"\u6807\u9898"},width:{type:String,default:"100%"},height:{type:String,default:"300px"}},setup(t){const a=t,i=d(null),{setOptions:s}=x(i);return f(()=>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 w.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#d7f3f2"},{offset:1,color:"#ebf9f9"}])},itemStyle:{color:"#5ab1ef"}}]})},{immediate:!0}),(l,o)=>(u(),c(g(y),{loading:t.loading},{title:e(()=>[r("div",S,h(t.title),1)]),extra:e(()=>[p("\u666E\u6DA6\u9547\u6854\u535A\u56ED-\u8BBE\u5907\u95F4\u65C1\u8FB9")]),default:e(()=>[r("div",{ref_key:"chartRef",ref:i,style:m({width:t.width,height:t.height})},null,4)]),_:1},8,["loading"]))}});export{T as default};
|