echart如何根据横轴的数据动态设置每个横轴区间多少个点?

wwlan 发布于 2017/10/26 13:42
阅读 1K+
收藏 0

如题,现在用echart做了一个折线图。数据都获取好了,json格式拼装好了[[12:00,2.2],[12:05,2.4],[12:10,3][12:15,5.5]....],场景如下:

1、横轴展示时间,刻度是整点的小时,给客户看到的数据必须是这样固定,也就是说展示一天的24个小时数据,同时在每个小时的区间展示对应时间的非整点的数据。比如一个小时有12条数据,那么12个点必须在一个区间,我用这种方式确实可以做到,

但是后来需求一改,我在java后台获取到数据要做处理,如果当前12点开始才有采集数据,那么0~12这个区间也必须要显示,我知道echart里面有一个xAxis.axisLabel.interval属性可以设置间隔,但是如果这样一设置,0~12之间就没数据了,也就成一个区间了,而且后面的数据会显示得好杂乱无章。还有后台如何组装那些数据库里面没有的数据呢?我从数据库中查询的数据拼接一下是[[12:00,2.2],[12:05,2.4],[12:10,3][12:15,5.5]....],但是我需要的数据格式是[[0:00,null][1:00,null][2:00,null][3:00,null][4:00,null][5:00,null][6:00,null][7:00,null][8:00,null][9:00,null][10:00,null][11:00,null][12:00,2.2],[12:05,2.4],[12:10,3][12:15,5.5]....]

有没有人来帮忙给个处理方案?如下图所示

 

加载中
0
w
wwlan

@Kener-林峰 ,大神帮忙,知道怎么处理吗?

0
w
wwlan

我是通过动态设置的,但是碰到一个问题,因为没组装好json数据

返回顶部
顶部