2 lines
1.3 KiB
JavaScript
2 lines
1.3 KiB
JavaScript
import{a as i,s as r,J as s,o as l,j as d,y as m,i as n,bo as u,k as f}from"./index.2cdbaad0.js";import{C as c}from"./index.37a8e316.js";import"./index.775c28b3.js";import"./index.a8e4332c.js";import{u as h}from"./useECharts.3b6eb243.js";import"./index.958a1a8c.js";import"./index.91807f4e.js";import"./useRefs.e6353c4f.js";import"./PlusOutlined.5121905f.js";const E=i({__name:"SaleRadar",props:{loading:Boolean,width:{type:String,default:"100%"},height:{type:String,default:"400px"}},setup(t){const e=t,a=r(null),{setOptions:o}=h(a);return s(()=>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}),(p,x)=>(l(),d(f(c),{title:"\u9500\u552E\u7EDF\u8BA1",loading:t.loading},{default:m(()=>[n("div",{ref_key:"chartRef",ref:a,style:u({width:t.width,height:t.height})},null,4)]),_:1},8,["loading"]))}});export{E as default};
|