2 lines
1.2 KiB
Java
2 lines
1.2 KiB
Java
import{d as o,w as l,aC as s,as as u,u as m,aF as d,au as c,aB as f,f as p}from"./vue-vendor-C7Zq48Yl.js";import{J as h}from"./antd-vue-vendor-BPnV8VqP.js";import{useECharts as g}from"./useECharts-9qzd7Dce.js";import"./useTimeout-DDl4l82I.js";import"./index-BI6CMai0.js";import"./vxe-table-vendor-B88kchpX.js";import"./echarts-6xk1er_c.js";const k=o({__name:"SalesProductPie",props:{loading:Boolean,width:{type:String,default:"100%"},height:{type:String,default:"300px"}},setup(e){const a=e,t=p(null),{setOptions:r}=g(t);return l(()=>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)=>(u(),s(m(h),{title:"成交占比",loading:e.loading},{default:d(()=>[c("div",{ref_key:"chartRef",ref:t,style:f({width:e.width,height:e.height})},null,4)]),_:1},8,["loading"]))}});export{k as default};
|