/*! * build: vue-admin-beautiful * vue-admin-beautiful author: chuzhixin 1204505056@qq.com * vue-admin-beautiful QQ Group(QQ群): 972435319、1139183756 * time: 2024-10-10 11:14:28 */ (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0afdef"],{"0fbe":function(e,t,r){"use strict";r.r(t);var i=r("f2bf");const a=["id"];function o(e,t,r,o,n,s){return Object(i["openBlock"])(),Object(i["createElementBlock"])("div",{id:r.perfectId,style:{width:"100%",height:"230px"}},null,8,a)}var n=r("313e"),s={props:{rate:{type:Number},all:{type:Number},name:{type:String},perfectId:{type:String},color:{type:String}},data(){return{chartPie:null,data:[]}},watch:{rate(e){this.drawCharts()}},mounted:function(){this.drawCharts()},methods:{drawPieChart(){const e=[{value:8,perfect:0,name:"Perfect",title:{offsetCenter:["0%","-16%"]},detail:{valueAnimation:!0,offsetCenter:["0%","20%"]}}];let t={series:[{type:"gauge",startAngle:90,endAngle:-270,pointer:{show:!1},color:this.color,progress:{show:!0,overlap:!1,roundCap:!0,clip:!1,itemStyle:{borderWidth:1,borderColor:this.color}},axisLine:{lineStyle:{width:10}},splitLine:{show:!1,distance:0,length:10},axisTick:{show:!1},axisLabel:{show:!1,distance:50},data:e,title:{fontSize:14},detail:{width:50,height:14,fontSize:14,color:"inherit",borderColor:"inherit",borderRadius:20,borderWidth:1,formatter:"{value}%"}}]};e[0].value=parseFloat((this.rate/this.all*100).toFixed(2)),e[0].name=this.name+":"+this.rate,this.chartPie=n["a"](document.getElementById(this.perfectId)),this.chartPie.setOption({series:[{data:e,pointer:{show:!1}}]}),t&&this.chartPie.setOption(t)},drawCharts(){this.drawPieChart()}}},d=r("d959"),h=r.n(d);const l=h()(s,[["render",o]]);t["default"]=l}}]);