echarts自定义折线图横坐标时间间隔踩坑总结
折线图需求:横坐标为时间,要求按一定间隔展示,鼠标移至折线上间隔时间内的数据也可展示
其实很简单的一个配置就可搞定,但在不熟悉echarts配置的情况下,就很懵逼
xAxis: {
boundaryGap: false, // 距离坐标原点是否有间隙
axisLabel: { // 如果这个字段不设置,echarts会根据屏宽及横坐标数据自动给出间隔
interval: 30, // 间隔长度,可自定义(如果是时间格式,echarts会自动处理)
rotate: 40 // 横坐标上label的倾斜度
},
},