2 lines
1.2 KiB
JavaScript
2 lines
1.2 KiB
JavaScript
import{d,r as c,E as f,c3 as h,o as p,i as m,s as i,h as l,ax as y,j as u}from"./index.600742c0.js";import{Card as x}from"ant-design-vue";import{u as g}from"./useECharts.7e254417.js";const w=l("div",{class:"text-18px font-extrabold"},"PM10",-1),j=d({__name:"PM10",props:{loading:Boolean,width:{type:String,default:"100%"},height:{type:String,default:"300px"},data:{type:Object,default:()=>{}},company:{type:String,default:""}},setup(t){const s=t,o=c(null),{setOptions:n}=g(o);return f(()=>s.data,e=>{if(e){const r=s.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=>h(a).format(r)),axisTick:{show:!1},axisLine:{show:!1}},yAxis:[{type:"value",axisTick:{show:!1},splitLine:{lineStyle:{type:"dashed"}}}],grid:{left:"5%",right:"1%",top:"2 %",bottom:0,containLabel:!0},series:[{data:Object.values(e).map(a=>a===0?null:a),type:"bar",itemStyle:{color:"#5ab1ef"}}],dataZoom:[{type:"inside",show:!1,xAxisIndex:0}]})}},{immediate:!0}),(e,r)=>(p(),m(u(x),{loading:t.loading},{title:i(()=>[w]),extra:i(()=>[]),default:i(()=>[l("div",{ref_key:"chartRef",ref:o,style:y({width:t.width,height:t.height})},null,4)]),_:1},8,["loading"]))}});export{j as default};
|