百度echart图形组件X轴坐标过长如何处理

时间:2024-10-14 10:41:11

1、创建图形容器这里实例为echartsBar1,然后引用echarts.js,样式根据自己需求写。

百度echart图形组件X轴坐标过长如何处理

2、创建一个echarts实例并初始化数据并配置完参数。

百度echart图形组件X轴坐标过长如何处理
百度echart图形组件X轴坐标过长如何处理

3、到这里可以查看初步效果,显然这里就碰到了X轴坐标数据过长问题。

百度echart图形组件X轴坐标过长如何处理

4、这时候我们可以为X轴藜局腑载添加一个axisLabel属性,并在其中增加旋转角度,rotate,然后查看效果如图,我们这里是旋转38度,这里interval代表X轴刻度的间隔我们这里设置为0

百度echart图形组件X轴坐标过长如何处理
百度echart图形组件X轴坐标过长如何处理
© 手抄报圈