【echarts】柱状图X轴底部文字显示不全的解决方案
柱状图X轴底部文字显示不全的解决方案
在使用echarts图表框架开发的过程中，遇到这样的一个问题，当柱状图底部X轴文字过多时，将会出现文字显示不全的问题。
解决方案，在添加以下代码
var option = {
//.....其他属性
grid: { // 控制图的大小，调整下面这些值就可以，
x: 100,//控制x轴文字与底部的距离
y2: 200 // y2可以控制倾斜的文字狱最右边的距离，放置倾斜的文字超过显示区域
},
xAxis: [{
type: category,
//data: [2015-2016, 2016-2017, 2017-2018, 2018-2019]
axisLabel: {
interval: 0, //强制文字产生间隔
rotate: 45, //文字逆时针旋转45°
textStyle: { //文字样式
color: "black",
fontSize: 16,
fontFamily: Microsoft YaHei
}
}
}]
}//option结束
调整后的就非常美观啦
