echarts餅圖指示線文字換行


var get=function(e){//使餅圖標簽換行顯示的函數

          var newStr=" ";

          var start=0;//開始截取位置

          var end=0;//截取結束位置

          var name_len=e.name.length; //每個內容名稱的長度

          var max_name=5;//每行顯示的最大長度

          var new_row=Math.ceil(name_len/max_name);//顯示行數

          if(name_len>max_name){//如果名稱長度大於每行最大顯示長度,則

              for(var i=0;i<new_row;i++){//循環行數

                var old='';//每次截取的字符

                start=i*max_name;//截取的起點

                end=start+max_name;//截取的終點

                if(i==new_row-1){//如果是最后一行

                  old=e.name.substring(start);

                }else{

                  old=e.name.substring(start,end)+"\n";//截取內容加換行

                }

                newStr+=old;//拼接字符串

              }

          }else{//否則不變顯示

              newStr=e.name;

          }

          return newStr;

          }

option = {

    title: {

        text: '某站點用戶訪問來源',

        subtext: '純屬虛構',

        left: 'center'

    },

    tooltip: {

        trigger: 'item',

        formatter: '{a} <br/>{b} : {c} ({d}%)'

    },

   

    series: [

        {

            name: '訪問來源',

            type: 'pie',

            radius: '55%',

            center: ['50%', '60%'],

            data: [

                {value: 100910, name: '參加職工養老保險'},

                {value: 37520, name: '農村種養家'},

                {value: 22503, name: '幫扶基地、助殘增收、職康站安置'}

            ],

            label: {

                              normal: {

                                      formatter: get,

                                      fontSize:14,

                                      lineHeight: 18,

                                      }

                     },

                /*labelLine:{

                    length:10,

                    length2:5,

                },*/

            emphasis: {

                itemStyle: {

                    shadowBlur: 10,

                    shadowOffsetX: 0,

                    shadowColor: 'rgba(0, 0, 0, 0.5)'

                }

            }

        }

    ]

};

 


免責聲明!

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



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