• 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)+" ";//截取内容加换行

                    }

                    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)'

                    }

                }

            }

        ]

    };

  • 相关阅读:
    服务端TextBox焦点事件
    Ajax进度条动画制作网址
    ADSL错误代码大全
    ASP.NET MVC Framework体验(5):路径选择(URL Routing)(转)
    为表添加一列IsUpload默认值为0
    ASP.NET MVC Framework体验(3):表单提交(转)
    .NET开源项目
    Vista文件共享
    mysql的to_days函数
    Samba简介
  • 原文地址:https://www.cnblogs.com/hjLu/p/12673119.html
Copyright © 2020-2023  润新知