2 lines
1.3 KiB
JavaScript
2 lines
1.3 KiB
JavaScript
|
import{d as e,r as t,o as a,cB as i,cC as r,m as s,e as d,w as n,l,$ as o,n as u,O as m}from"./index.DBufqXQZ.js";import{E as p}from"./el-card.Bem8-qYG.js";import{i as c}from"./index.BFnThrNa.js";const h=["id"],g=e({__name:"PieChart",props:{id:{type:String,default:"pieChart"},className:{type:String,default:""},width:{type:String,default:"200px",required:!0},height:{type:String,default:"200px",required:!0}},setup(e){const g=e,f={grid:{left:"2%",right:"2%",bottom:"10%",containLabel:!0},legend:{top:"bottom",textStyle:{color:"#999"}},series:[{name:"Nightingale Chart",type:"pie",radius:[50,130],center:["50%","50%"],roseType:"area",itemStyle:{borderRadius:1,color:function(e){return["#409EFF","#67C23A","#E6A23C","#F56C6C"][e.dataIndex]}},data:[{value:26,name:"家用电器"},{value:27,name:"户外运动"},{value:24,name:"汽车用品"},{value:23,name:"手机数码"}]}]},v=t("");return a((()=>{v.value=i(c(document.getElementById(g.id))),v.value.setOption(f),window.addEventListener("resize",(()=>{v.value.resize()}))})),r((()=>{v.value&&v.value.resize()})),(t,a)=>{const i=p;return d(),s(i,null,{header:n((()=>a[0]||(a[0]=[m(" 产品分类饼图 ")]))),default:n((()=>[l("div",{id:e.id,class:u(e.className),style:o({height:e.height,width:e.width})},null,14,h)])),_:1})}}});export{g as default};
|