echarts图表X轴文字超出隐藏

因为x轴文字显示全所以在网上找了一下


echartsX轴.png

这个api可以自定义x轴的样式。
这个是解决前


有问题的.png

这个是解决后
显示完全.png

以下是代码:

axisLabel: {
              formatter: function (value) {
                let valueTxt = "";
                if (value.length > 3) {
                  valueTxt = value.substring(0, 4) + "...";
                } else {
                  valueTxt = value;
                }
                return valueTxt;
              },
            },

该文章仅学习记录
这个博主文章还有饼图的解决方案
借鉴了文章博主:xing.org1^
出处:http://www.cnblogs.com/padding1015/p/8625168.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容