2 lines
1.1 KiB
JavaScript
2 lines
1.1 KiB
JavaScript
import{Card as i}from"ant-design-vue";import{u as r}from"./useECharts.7e254417.js";import{d as s,r as l,E as d,o as n,i as m,s as u,h as f,ax as h,j as c}from"./index.600742c0.js";const w=s({__name:"SaleRadar",props:{loading:Boolean,width:{type:String,default:"100%"},height:{type:String,default:"400px"}},setup(t){const e=t,a=l(null),{setOptions:o}=r(a);return d(()=>e.loading,()=>{e.loading||o({legend:{bottom:0,data:["Visits","Sales"]},tooltip:{},radar:{radius:"60%",splitNumber:8,indicator:[{text:"2017",max:100},{text:"2017",max:100},{text:"2018",max:100},{text:"2019",max:100},{text:"2020",max:100},{text:"2021",max:100}]},series:[{type:"radar",symbolSize:0,areaStyle:{shadowBlur:0,shadowColor:"rgba(0,0,0,.2)",shadowOffsetX:0,shadowOffsetY:10,opacity:1},data:[{value:[90,50,86,40,50,20],name:"Visits",itemStyle:{color:"#b6a2de"}},{value:[70,75,70,76,20,85],name:"Sales",itemStyle:{color:"#67e0e3"}}]}]})},{immediate:!0}),(x,g)=>(n(),m(c(i),{title:"\u9500\u552E\u7EDF\u8BA1",loading:t.loading},{default:u(()=>[f("div",{ref_key:"chartRef",ref:a,style:h({width:t.width,height:t.height})},null,4)]),_:1},8,["loading"]))}});export{w as default};
|