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

Posted 2021-03-22 ganmy

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

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

xAxis: {

boundaryGap: false, // 距离坐标原点是否有间隙

   axisLabel: { //  如果这个字段不设置，echarts会根据屏宽及横坐标数据自动给出间隔

   interval: 30, // 间隔长度，可自定义（如果是时间格式，echarts会自动处理）

   rotate: 40 // 横坐标上label的倾斜度

  },

},