2 lines
1.3 KiB
JavaScript
2 lines
1.3 KiB
JavaScript
import{Card as o}from"ant-design-vue";import{u as n}from"./useECharts.7e254417.js";import{d as u,r,E as l,o as s,i as d,s as f,h as m,ax as c,j as h}from"./index.600742c0.js";const y=u({__name:"VisitSource",props:{loading:Boolean,width:{type:String,default:"100%"},height:{type:String,default:"300px"}},setup(e){const a=e,t=r(null),{setOptions:i}=n(t);return l(()=>a.loading,()=>{a.loading||i({tooltip:{trigger:"item"},legend:{bottom:"1%",left:"center"},series:[{color:["#5ab1ef","#b6a2de","#67e0e3","#2ec7c9"],name:"\u8BBF\u95EE\u6765\u6E90",type:"pie",radius:["40%","70%"],avoidLabelOverlap:!1,itemStyle:{borderRadius:10,borderColor:"#fff",borderWidth:2},label:{show:!1,position:"center"},emphasis:{label:{show:!0,fontSize:"12",fontWeight:"bold"}},labelLine:{show:!1},data:[{value:1048,name:"\u641C\u7D22\u5F15\u64CE"},{value:735,name:"\u76F4\u63A5\u8BBF\u95EE"},{value:580,name:"\u90AE\u4EF6\u8425\u9500"},{value:484,name:"\u8054\u76DF\u5E7F\u544A"}],animationType:"scale",animationEasing:"exponentialInOut",animationDelay:function(){return Math.random()*100}}]})},{immediate:!0}),(p,g)=>(s(),d(h(o),{title:"\u8BBF\u95EE\u6765\u6E90",loading:e.loading},{default:f(()=>[m("div",{ref_key:"chartRef",ref:t,style:c({width:e.width,height:e.height})},null,4)]),_:1},8,["loading"]))}});export{y as default};
|