echarts 柱状图中横坐标内容过长显示不全

8,316 阅读1分钟

解决办法1:xAxis.axisLabel 属性

这是横坐标中的设置标签的属性。主要作用是:坐标轴刻度标签的相关设置。(当然yAxis也是一样有这个属性的)
axisLabel: { interval:0, rotate:40 }

解决办法2:调用formatter文字竖直显示

一般很多人都习惯办法1的方式虽然不是很完美,但是在一定程度上还是解决了一些问题。在文字不是非常多的情况下还是可
以的,感觉还没第一种方法好axisLabel中使用formatter回调,formatter有两个参数,使用方法是这样的
formatter:function(value,index){} ,value是类目(测试医院A,人民医院),index 是类目索引。
option = {
    axisLabel: {  
        interval: 0,  
        formatter:function(value) {  
            return value.split("").join("\n");  
        }  
    }  
};