码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-12-17 15:19:04      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:距离   间隔   简单的   简单   折线   echarts   情况下   配置   isl   

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

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

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

 

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

标签:距离   间隔   简单的   简单   折线   echarts   情况下   配置   isl   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!