Echarts bar 环形图 多标题

echarts yekong

Echarts bar 环形图

    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)
    },
喜欢