首页 > 其他 > 详细

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

时间:2019-12-17 14:28:34      阅读:1183      评论:0      收藏:0      [点我收藏+]

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

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

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

 

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

原文:https://www.cnblogs.com/ganmy/p/12054326.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!