SalesProductPie-DB9xNP9Y.js 1.1 KB

1
  1. import{u as o}from"./useECharts-Dbszp3m1.js";import{G as l}from"./antd-CBeLo_oO.js";import{d as s,f as u,w as d,_ as c,a6 as m,a7 as f,a1 as h,ad as p,u as g}from"./vue-B5pbXMv7.js";import"./entry/index-DJx93RYF-1731481145019.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};