Pie-5138ec50.js
2.09 KB
import{d as s,k as l,o as r,_ as i,$ as n,ag as f}from"./vue-5a35c3f5.js";import{u as c}from"./useECharts-672ba641.js";import{_ as d}from"./index.js";import"./antd-6b087f69.js";const p=s({props:{width:{type:String,default:"100%"},height:{type:String,default:"calc(100vh - 78px)"}},setup(){const e=l(null),{setOptions:t}=c(e),a=[389,259,262,324,232,176,196,214,133,370],o=["原因1","原因2","原因3","原因4","原因5","原因6","原因7","原因8","原因9","原因10"];return r(()=>{t({backgroundColor:"#0f375f",title:[{text:"各渠道投诉占比",left:"2%",top:"1%",textStyle:{color:"#fff",fontSize:14}},{text:"投诉原因TOP10",left:"40%",top:"1%",textStyle:{color:"#fff",fontSize:14}},{text:"各级别投诉占比",left:"2%",top:"50%",textStyle:{color:"#fff",fontSize:14}}],grid:[{left:"50%",top:"7%",width:"45%",height:"90%"}],tooltip:{formatter:"{b} ({c})"},xAxis:[{gridIndex:0,axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},axisLine:{show:!1}}],yAxis:[{gridIndex:0,interval:0,data:o.reverse(),axisTick:{show:!1},axisLabel:{show:!0},splitLine:{show:!1},axisLine:{show:!0,lineStyle:{color:"#6173a3"}}}],series:[{name:"各渠道投诉占比",type:"pie",radius:"30%",center:["22%","25%"],data:[{value:335,name:"客服电话"},{value:310,name:"奥迪官网"},{value:234,name:"媒体曝光"},{value:135,name:"质检总局"},{value:105,name:"其他"}],labelLine:{show:!1},label:{show:!0,formatter:`{b}
({d}%)`,color:"#B1B9D3"}},{name:"各级别投诉占比",type:"pie",radius:"30%",center:["22%","75%"],labelLine:{show:!1},data:[{value:335,name:"A级"},{value:310,name:"B级"},{value:234,name:"C级"},{value:135,name:"D级"}],label:{show:!0,formatter:`{b}
({d}%)`,color:"#B1B9D3"}},{name:"投诉原因TOP10",type:"bar",xAxisIndex:0,yAxisIndex:0,barWidth:"45%",itemStyle:{color:"#86c9f4"},label:{show:!0,position:"right",color:"#9EA7C4"},data:a.sort()}]})}),{chartRef:e}}});function h(e,t,a,o,u,m){return i(),n("div",{ref:"chartRef",style:f({height:e.height,width:e.width})},null,4)}const b=d(p,[["render",h],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/charts/Pie.vue"]]);export{b as default};