ECharts横座标文字倾斜,有的时候因为X轴的座标文字较长,无法水平展示,又要全部显示,这时候就需要倾斜文字显示,当然我做这个不是因为无法显示,因为我们的设计就是斜着的哈哈。(你要是想y轴倾斜也是一样的配置)
用到的是xAxis.axisLabel 属性
axisLabel: {
interval:0, //座标刻度之间的显示间隔,默认就可以了(默认是不重叠)
rotate:38 //调整数值改变倾斜的幅度(范围-90到90)
}
那么问题来了,此时效果如下
很明显在文字过长的时候文字下方被切掉了,还是显示不全
这时候需要grid属性
grid: {
left: '18%',
bottom:'38%'
},
这样就好了,这些属性具体的使用方法可以查看ECharts的官方文档写的很详细,也很易懂,这里附上官方API地址
https://echarts.baidu.com/option.html#toolbox