Ext实现的Dashboard

最近做了一个Dashboard项目的开发,页面显示这块用的Ext来实现,虽然百度的Echart功能也很强大,实现起来也很方便,但是考虑到兼容移动终端和平板的设备,依然选择了Ext,废话不多说,上图

Ext实现的Dashboard_第1张图片

当然,Dashboard主要是显示图表,通过图表展示数据的历史变化和对具体内容的分析,说实在的这个功能是给领导看的,越是给领导看的东西就越要做的漂亮一点,而且还要足够灵活,方便修改。我们的Dashboard兼容了饼图、柱状图、折线图、堆状图、条形图,并且可以通过Config页面来配置具体的图显示在哪个区域,或者配置什么类型的图,下面是配置页面。

Ext实现的Dashboard_第2张图片

配置方式是将左边制作好的数据拖动到右边的模板里面,然后发布就可以了。数据源只要在数据库配置就可以了,写个视图就行了,当然如果创建一个新的图表,只要在数据库中增加一个数据源就可了。

最后一个就是Dashboard主要配置项的页面,这个实际上用的是easyUI的窗体:

Ext实现的Dashboard_第3张图片

简洁,操作方便的配置页面也是必须的。

实际上与Dashboard功能相对应的还有一个Windows service,不过这块是涉及统计业务数据的,基本上每天运行一次,将需要的业务数据统计出来,这里的不多说了。

感兴趣的小伙伴,或者需要讨论交流的朋友敬请留言。


你可能感兴趣的:(Ext)