echarts pie 圓環圖中間顯示數據


series : [
            {
              type : 'pie',
              hoverAnimation: false,
              center : ['16%', '20%'],
              radius : radius,
              label: { //  餅圖圖形上的文本標簽
                normal: { // normal 是圖形在默認狀態下的樣式
                  show: true,
                  position: 'center',
                  color: '#000',
                  fontSize: 16,
                  fontWeight: 'bold',
                  formatter: '{c}' // {b}:數據名; {c}:數據值; {d}:百分比,可以自定義顯示內容,
                }
              },
              data : [
                {name:'GoogleMaps',
                  value: parseInt(data_1),
                  itemStyle : {
                    normal: {
                      color: '#2866FF',
                      label: {
                        normal: {show: true}
                      }
                    }
                  }
                },
                {name:'other',value:100 - parseInt(data_1), itemStyle : labelBottom, label: { normal: { show: false}}}
              ]
            },

 

效果展示: 

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM