美文网首页
echarts的time轴

echarts的time轴

作者: alue | 来源:发表于2022-08-14 23:02 被阅读0次

任务:数据库记录了各小组在图书馆的借阅情况,要绘制出每天每个小组借书的个数。横坐标为日期,纵轴为借书数量。

如果按照最原始的做法,我们先从数据库得到各小组各天的借阅量:

为了绘图,我们需要做大量的“补零”操作。因为从第一天到最后一天,其实中间的大部分日期,大部分小组都没有借阅行为。但横坐标需要每天的日期,纵坐标自然也要补上缺失的数据。

而且,日期操作其实也很麻烦,要考虑闰年、每个月天数等实际问题。幸好,Echarts 为我们提供了“time”类型的坐标轴,帮我们实现了“补零”和日期相关操作,我们只用在数据层面多提供一维“日期”信息即可。

时间轴

相关文章

网友评论

      本文标题:echarts的time轴

      本文链接:https://www.haomeiwen.com/subject/qkqkgrtx.html