echarts:折线图横坐标内容过长省略显示

2020-12-15  本文已影响0人  猪儿打滚

背景

在画echarts图时,可能会出现X轴或Y轴的标题过长的显示问题

解决

PS.这里是折线图的X轴数据,Y轴同样如此,在对应的位置贴上即可

              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: xAxis,
                //设置文本过长超出隐藏...表示 【贴上这段代码即可】
                axisLabel: {
                  margin: 8,
                  formatter: function(params) {
                    var val = "";
                    var show = 8;
                    if (params.length > show) {
                      val = params.substr(0, show) + '...';
                      return val;
                    } else {
                      return params;
                    }
                  }
                },
              },

结果:


结果示例
上一篇下一篇

猜你喜欢

热点阅读