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.b53f91ff.js";import{C as c}from"./index.6632ece3.js";import"./index.cdecfa3a.js";import"./index.13a60f48.js";import{u as h}from"./useECharts.23815946.js";import"./index.edbc514a.js";import"./index.1354a3c8.js";import"./useRefs.8b843994.js";import"./PlusOutlined.2f0d5de4.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};
|