2 lines
1.1 KiB
JavaScript
2 lines
1.1 KiB
JavaScript
import{Card as l}from"ant-design-vue";import{u as n}from"./useECharts.7e254417.js";import{d as u,r as d,E as h,o as c,i as f,s as o,x as p,h as g,ax as m,j as x}from"./index.600742c0.js";const E=u({__name:"Chart",props:{loading:Boolean,width:{type:String,default:"100%"},height:{type:String,default:"300px"}},setup(e){const t=e,a=d(null),{setOptions:r}=n(a);return h(()=>t.loading,()=>{t.loading||r({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:[...new Array(18)].map((s,i)=>`${i+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:[{data:[11,22,40,18,3,55,66,33,14,30,66,44,22,11,40,20,50,33,22,11],type:"bar",itemStyle:{color:"#5ab1ef"}}]})},{immediate:!0}),(s,i)=>(c(),f(x(l),{loading:e.loading,title:"\u519C\u4E1A\u4EA7\u4E1A\u7ED3\u6784"},{extra:o(()=>[p("\u666E\u6DA6\u9547\u6854\u535A\u56ED-")]),default:o(()=>[g("div",{ref_key:"chartRef",ref:a,style:m({width:e.width,height:e.height})},null,4)]),_:1},8,["loading"]))}});export{E as default};
|