2 lines
1.3 KiB
JavaScript
2 lines
1.3 KiB
JavaScript
import{a as i,v as r,K as s,o as l,j as n,z as d,i as m,bn as u,k as f}from"./index.c32990f8.js";import{C as c}from"./index.3e95a651.js";import"./index.ec7e65df.js";import"./index.7581729a.js";import{u as h}from"./useECharts.1f074a8e.js";import"./index.b9570ac8.js";import"./index.bed474f7.js";import"./useRefs.e81244b6.js";import"./PlusOutlined.36faec12.js";const z=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(),n(f(c),{title:"\u9500\u552E\u7EDF\u8BA1",loading:t.loading},{default:d(()=>[m("div",{ref_key:"chartRef",ref:a,style:u({width:t.width,height:t.height})},null,4)]),_:1},8,["loading"]))}});export{z as default};
|