drawLine () {
var that = this
window.addEventListener('resize', this.drawLine)
var myChart = this.$echarts.init(this.$refs.echarts)
myChart.hideLoading()
var getvalue = [88]
var option = {
title: [{
text: '88.40%',
textStyle: {
color: 'rgba(0, 255, 255, 1)',
fontSize: FontChart(18),
},
x: 'center',
y: '35%'
}, {
text: '12,806',
textStyle: {
color: 'rgba(0, 255, 255, 1)',
fontSize: FontChart(26),
},
x: 'center',
y: '50%'
}, {
text: '男',
textStyle: {
color: 'rgba(255, 255, 255, 1)',
fontSize: FontChart(14),
fontFamily: 'Helvetica Condensed Bold'
},
x: 'center',
y: '90%'
},],
angleAxis: {
max: 100,
clockwise: true, // 逆时针
// 隐藏刻度线
show: false
},
radiusAxis: {
type: 'category',
show: true,
axisLabel: {
show: false,
},
axisLine: {
show: false,
},
axisTick: {
show: false
},
},
polar: {
center: ['50%', '50%'],
radius: ['60%', '75%']
},
series: [{
type: 'bar',
data: getvalue,
showBackground: true,
backgroundStyle: {
color: '#0631AC',
},
coordinateSystem: 'polar',
roundCap: false,
barWidth: 20,
itemStyle: {
normal: {
opacity: 1,
color: '#01FFFF',
}
},
}]
}
myChart.resize()
myChart.setOption(option)
},