任务:数据库记录了各小组在图书馆的借阅情况,要绘制出每天每个小组借书的个数。横坐标为日期,纵轴为借书数量。
如果按照最原始的做法,我们先从数据库得到各小组各天的借阅量:

为了绘图,我们需要做大量的“补零”操作。因为从第一天到最后一天,其实中间的大部分日期,大部分小组都没有借阅行为。但横坐标需要每天的日期,纵坐标自然也要补上缺失的数据。
而且,日期操作其实也很麻烦,要考虑闰年、每个月天数等实际问题。幸好,Echarts 为我们提供了“time”类型的坐标轴,帮我们实现了“补零”和日期相关操作,我们只用在数据层面多提供一维“日期”信息即可。

网友评论