echarts graph 拓扑图 节点文本label换行修改

       label: {
            show: true,
            color: 'black',
            fontStyle: 'normal',
            fontWeight: 'normal',
            fontSize: 12,
            //截断显示
            formatter: function (e) {
              return e.name.length > 10 ? e.name.substr(0, 10) + "..." : name;
            }
            //或者换行显示
              formatter: function (e) {
              var newStr = " ";
              var start, end;
              var name_len = e.name.length;     //长度
              var max_name = 15;    //字数
              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;
            }

          },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值