<!--仪表盘统计图-->
<div class="ybptx" ref="btryzb"></div>
mounted(){
this.getBtData();
}
getBtData() {
let chart = this.$echarts.init(this.$refs.btryzb);
let data_czzf = this.cznlzhpj.czzfs;
let option = {
series: [{
name: '内层数据刻度',
type: 'gauge',
radius: '80%',
min: 0,
max: 100,
center: ['50%', '50%'],
pointer: {
show: false //是否显示指针
},
axisLine: {
lineStyle: {
width: 30,
color: [
[data_czzf / 100, new this.$echarts.graphic.LinearGradient(
0, 1, 0, 0,
[{
offset: 0,
color: '#5185e5'
}, {
offset: 1,
color: '#90b6fa'
}]
)],
[1, '#FFFFFF']
],
}
},
splitLine: {
show: false,
length: 15,
lineStyle: {
width: 2,
color: '#ffffff'
}
},
axisTick: {
show: false,
lineStyle: {
width: 1,
color: '#ffffff'
}
},
axisLabel: {
show: false,
color: '#0089fa',
distance: 20,
fontSize: 12,
},
detail: {
show: true,
offsetCenter: ['0', '0'],
color: '#3469d1',
fontSize: 52,
fontWeight: 'bold',
formatter: function(value) {
return value.toFixed(2);
},
},
itemStyle: {
normal: {
color: 'rgb(0,191,255)'
}
},
data: [{
value: data_czzf,
name: "成长总分数"
}],
silent: false,
title: {
offsetCenter: [0, '75%'], //设置在线率位置
color: '#333333',
fontSize: 20,
fontWeight: 'bold'
}
}, ]
};
// 绘制图表
chart.setOption(option);
},