echarts自定义折线图横坐标时间间隔踩坑总结

时间:2022-11-28 20:54:32

折线图需求:横坐标为时间,要求按一定间隔展示,鼠标移至折线上间隔时间内的数据也可展示

其实很简单的一个配置就可搞定,但在不熟悉echarts配置的情况下,就很懵逼

xAxis: {
boundaryGap: false, // 距离坐标原点是否有间隙
   axisLabel: { //  如果这个字段不设置,echarts会根据屏宽及横坐标数据自动给出间隔
   interval: 30, // 间隔长度,可自定义(如果是时间格式,echarts会自动处理)
   rotate: 40 // 横坐标上label的倾斜度
  },
},