4 lines
2.2 KiB
Java
4 lines
2.2 KiB
Java
import{useECharts as r}from"./useECharts-BKJWOWs-.js";import{e as l,o as i,r as s,C as n,z as f,T as p}from"./vue-vendor-DNhG1Cve.js";import{au as c}from"./index-X7Y8jykP.js";import"./useTimeout-D5AmIBZw.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./useEventListener-BRXjwk7A.js";import"./useBreakpoint-DXhPW7nV.js";import"./breakpointEnum-BhAg6bcX.js";import"./echarts-O0zoDaFZ.js";const h=l({props:{width:{type:String,default:"100%"},height:{type:String,default:"calc(100vh - 78px)"}},setup(){const e=s(null),{setOptions:t}=r(e),a=[389,259,262,324,232,176,196,214,133,370],o=["原因1","原因2","原因3","原因4","原因5","原因6","原因7","原因8","原因9","原因10"];return i(()=>{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 m(e,t,a,o,d,u){return f(),n("div",{ref:"chartRef",style:p({height:e.height,width:e.width})},null,4)}const B=c(h,[["render",m]]);export{B as default};
|