首页 前端知识 Echarts X轴 强制显示所有标签 && 每行固定字数并换行显示

Echarts X轴 强制显示所有标签 && 每行固定字数并换行显示

2024-09-29 22:09:15 前端知识 前端哥 315 432 我要收藏

效果图如下:

直接上代码:

 axisLabel: {
            // 轴文字
            interval: 0, // 强制显示完整
           // 每行显示4个文字换行
            formatter:function(value) {
              var ret = ""; // 拼接加 \n 返回的类目项
              var maxLength = 4; // 每项显示文字个数
              var valLength = value.length; // X轴类目项的文字个数
              var rowN = Math.ceil(valLength / maxLength); // 类目项需要换行的行数
              if (rowN > 1)
              {
                for (var i = 0; i < rowN; i  ) {
                  var temp = ""; // 每次截取的字符串
                  var start = i * maxLength; // 开始截取的位置
                  var end = start   maxLength; // 结束截取的位置
                  temp = value.substring(start, end)   "\n";
   
转载请注明出处或者链接地址:https://www.qianduange.cn//article/18745.html
标签
评论
发布的文章

jQuery QueryBuilder 教程

2024-10-29 23:10:44

水球图 及各种参数设置

2024-10-29 23:10:13

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!