SalesProductPie-Db5Ng01S.js 1.1 KB

1
  1. import{u as o}from"./useECharts-FX5h50Pk.js";import{G as l}from"./antd-DubAfnNp.js";import{d as s,f as u,w as d,_ as c,a6 as m,a7 as f,a0 as h,ad as p,u as g}from"./vue-Ba_NIFIa.js";import"./entry/index-J3oNdpPM-1725854857151.js";const B=s({__name:"SalesProductPie",props:{loading:Boolean,width:{type:String,default:"100%"},height:{type:String,default:"300px"}},setup(e){const a=e,t=u(null),{setOptions:r}=o(t);return d(()=>a.loading,()=>{a.loading||r({tooltip:{trigger:"item"},series:[{name:"访问来源",type:"pie",radius:"80%",center:["50%","50%"],color:["#5ab1ef","#b6a2de","#67e0e3","#2ec7c9"],data:[{value:500,name:"电子产品"},{value:310,name:"服装"},{value:274,name:"化妆品"},{value:400,name:"家居"}].sort(function(n,i){return n.value-i.value}),roseType:"radius",animationType:"scale",animationEasing:"exponentialInOut",animationDelay:function(){return Math.random()*400}}]})},{immediate:!0}),(n,i)=>(c(),m(g(l),{title:"成交占比",loading:e.loading},{default:f(()=>[h("div",{ref_key:"chartRef",ref:t,style:p({width:e.width,height:e.height})},null,4)]),_:1},8,["loading"]))}});export{B as default};