开发可自定义配置的数据可视化界面及通用BI展示界面

随着笔者所在的IT业务行业的基础系统越来越健全,数据越来越全,越来越多;业务指标的分析需要越来越多,所以开发一套高大上的业务指标分析系统越来越迫切了。考虑到业务指标的随意性及展现样式的多变性,必定需要开发出来的系统是支持自定义的。

由于笔者能力有限,开发周期共计4周,先上几个效果图

1.自定义出来的Metro导航页面

2. 自定义出来的蓝色太空数据可视化展现界面

3.自定义出来的通用BI风格界面

4.二级页面弹出层效果

思路:我的整体思路是这样的 页面中所有的图表实现自定义配置,页面布局实现可拖拽图表自定义布局

技术手段:图形用到Echart,代码编辑用到了codemirror,图标用到了fonts-awesome,弹出层用到了layer,图表的数据展现通过Ajax访问获得

组件:通过封装支持自定义表格,自定义图形,自定义卡片

1.自定义表格

2.自定义图表

 

3.可拖拽界面利用bootstrap框架

 

系统基本开发完了,但有一点小遗憾就是未能支持带参数的数据查询,欢迎有兴趣的同志们,一起讨论  QQ:615209099

  • 5
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值