养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-11-02 02:27:12

在我们使用百度echart图形组件时会遇到X轴的坐标数值过长而出现间隔显示如图,这是该如何处理呢

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

工具/原料

echart

html.js

方法/步骤

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轴坐标过长如何处理

© 一点知识