2 lines
1.3 KiB
JavaScript
2 lines
1.3 KiB
JavaScript
import{a as i,r,H as s,o as l,j as m,x as d,i as n,bm as u,k as f}from"./index.d96edf17.js";import{C as c}from"./index.94eb0f85.js";import"./index.5bcb1d9d.js";import"./index.7740311a.js";import{u as h}from"./useECharts.3bc533c1.js";import"./index.14b0935e.js";import"./index.736e5e0d.js";import"./useRefs.fa86f359.js";import"./PlusOutlined.b8e9d20a.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(),m(f(c),{title:"\u9500\u552E\u7EDF\u8BA1",loading:t.loading},{default:d(()=>[n("div",{ref_key:"chartRef",ref:a,style:u({width:t.width,height:t.height})},null,4)]),_:1},8,["loading"]))}});export{E as default};
|