销售情况一览表
总体说明
用户的数据总是随着时间的推移而更新的,面对逐日甚至逐时变化的数据,快速掌握最新数据成为情况,是企业业务人员分析数据的关键。传统的报表往往需要取出所有数据按日期排列或在报表中使用复杂的公式才能获取最新业务数据,并且这样获取到的数据是静态的,如果需要预览更新的数据还需刷新报表预览页面。为解决用户动态实时查看最新数据的需求,本表使用了实时报表与统计图的功能。
实时报表,即可以实时地显示变化中的数据的报表,无需手动刷新。用户可自定义取数要求(取当前最大数据、当前最新数据、随机数据等),报表数据区域将根据用户取数要求自动实时刷新。
销销售情况一览表效果如下:
注意:
1. 实时报表的“实时”,是相对于手动刷新而言的。实际上是定时的刷新,刷新时间间隔可以自行设定。
2. 实时报表在刷新时,关键在于不是重算整张报表,重新更新整个页面,而是只刷新局部数据(即上面例子中红框中的部分)。在产品中,是应用Ajax技术来实时更新局部数据。
DEMO亮点
- 统计图采用随机数据源,数据每2s刷新一次
- 右上方的订单统计和排名部分,采用报表的刷新特效,取数基于随机数据,每2s刷新一次
- 下方订单名字部分,同样采取报表的刷新特效,配置随机取数的方式,数据随机变化
DEMO实现说明
本demo实现包含以下几个方面:
1. 绘制出报表基本框架
2.数据区域使用交互效果实现实时报表
了解实时数据刷新交互效果,请参考:实时数据刷新
3.使用统计图向导制作自定义统计图实现实时统计图
了解自定义统计图的设置,请参考: