echarts畫餅環狀餅圖相關參數配置

　　今天做頁面的時候用到了環狀餅圖，大家都知道echarts的API文檔看起來實在費勁，折騰了半天才畫出來我想要的餅圖，把我用到的參數配置分享給大家，希望能幫到和我一樣的對echarts不是那么熟悉的童鞋。直接上代碼：

var option = {
    series: [
      {
        type:'pie',
        // 第一個參數是內圓半徑，第二個參數是外圓半徑，相對餅圖的宿主div大小
        radius: ['40%', '50%'],
        avoidLabelOverlap: false,
        // 禁用餅狀圖懸浮動畫效果
        animation: false,
　　　　　　
        label: {
          normal: {
            // 這里的豎線前面的b 和 per是相應參數的別名(我理解為別名)，對應下面rich屬性里的b和per
            formatter: '{b|{b}：}{c} ({per|{d}%})',
            backgroundColor: '#eee',
            borderColor: '#aaa',
            borderWidth: 1,
            padding: 5,
            borderRadius: 4,
            rich: {
              b: {
                fontSize: 8,
                lineHeight: 15
              },
              per: {
                align: 'center'
              }
            }
          }
        },
        data:[
            {value:1432, name:'合格'},
            {value:500, name:'不合格'}
        ]
      }
    ]
    }

大體效果是這樣的：

 

　　

 

比較簡陋，如有錯誤，歡迎指正！！