在我们使用百度echart图形组件时会遇到X轴的坐标数值过长而出现间隔显示如图,这是该如何处理呢
工具/原料
echart
html.js
方法/步骤
1、创建图形容器这里实例为echartsBar1,然后引用echarts.js,样式根据自己需求写。
2、创建一个echarts实例并初始化数据并配置完参数。
3、到这里可以查看初步效果,显然这里就碰到了X轴坐标数据过长问题。
4、这时候我们可以为X轴藜局腑载添加一个axisLabel属性,并在其中增加旋转角度,rotate,然后查看效果如图,我们这里是旋转38度,这里interval代表X轴刻度的间隔我们这里设置为0