SpreadJS 纯前端表格控件应用案例:金融业数据智能分析平台

Stella981
• 阅读 560

由北京海创研发的金融业数据智能分析平台,通过嵌入 SpreadJS,实现了基于Web的数据采集、自助式报表设计与浏览、灵活查询、自主分析和数据预测等功能,简洁、易用,有效解决了用户数据填报、查询和分析需求,支持云部署及企业现场部署等多种方式。

下面,让我们一起来看看北京海创是如何在“金融业数据智能分析平台”中应用表格技术,实现“数据填报”与数据钻取分析的。

项目背景

现阶段,金融IT行业已经开始推进数据治理的相关工作,虽然其IT系统相对健全,但由于数据量庞大、IT系统的数量众多,如果单纯从管理机制和人为因素出发,不依靠先进的技术手段和合适的产品支撑,则很难完成数据治理任务。

北京海创基于长期在银行和保险等行业的经验积累,推出了一款自主研发的数据智能分析平台(Data Intelligence Platform),该平台在企业BI门户访问、元数据管理、KPI体系化、主数据管理、数据交换、数据处理、数据生命周期管理等方面进行了针对性的研发,既保证了数据质量,又借助灵活、强大的分析功能,有效提升了数据分析系统的使用体验,可以更好地挖掘和发挥数据的价值。

SpreadJS 纯前端表格控件应用案例:金融业数据智能分析平台

数据智能分析平台(DIP)的主要特点:

· 基于浏览器WEB方式实现数据采集、自助式报表设计与浏览、灵活查询、自主分析和数据预测

· 简洁、易用,有效解决了用户最后一公里的数据填报、数据查询和分析需求

· 支持云部署及企业现场部署

数据智能分析平台(DIP)中数据填报模块的特点和主要功能:

· 嵌入 SpreadJS 后,可在线设计各类表单模板、在线填报数据、实现Excel导入导出、打印报送、实时预览、数据校验等功能

· 提供三种模板设计方式:从零开始设计模板、查询主数据设计模板和使用系统提供的模板

· 提供模板修改后对已填报数据的灵活迁移功能

· 数据权限设置和自定义控制功能

· 无缝衔接数据分析功能

· 数据校验和审核功能

数据智能分析平台(DIP)中数据分析模块的特点和主要功能:

· 语义分析环境,完全自助分析

· 基于 SpreadJS 在浏览器中实现了类Excel的拖拉式分析

· 支持常见的表格、交叉表、图形、地图等方式的展现和钻取分析

· 提供灵活的数据权限设置和控制

· 可对分析结果二次分享

项目截图

1、数据智能分析平台的数据填报功能展示:

SpreadJS 纯前端表格控件应用案例:金融业数据智能分析平台

基于 SpreadJS 开发的模板设计器,在执行线上模板设计时,可以在当前模板上对需要采集的数据单元格设置映射,等审核通过后进行保存,数据会自动进入数据库中,此时,上级机构就可以实时对填报的数据进行聚合汇总统计。

基于SpreadJS灵活的单元格映射机制,当前模板发生改动时,如果用户已经在原有旧模板上填报了数据,可以通过平台系统的一键迁移功能,将数据迁移至新的填报模板中。

2、数据智能分析平台的数据查询功能展示**,以地图为例****:**

SpreadJS 纯前端表格控件应用案例:金融业数据智能分析平台

  • 使用系统的拖拽或者批量映射业务对象至单元格,然后查询出所需数据;
  • 基于查询出的数据使用地图进行展现,先要对地图进行数据源映射:

SpreadJS 纯前端表格控件应用案例:金融业数据智能分析平台

  • 下图为地图展示数据后的效果,更改单元格中的指标数据能实时在地图上体现出来: SpreadJS 纯前端表格控件应用案例:金融业数据智能分析平台

  • 双击省市名称对地图进行钻取操作:

SpreadJS 纯前端表格控件应用案例:金融业数据智能分析平台

  • 按区域进行数据过滤,其它未选择的区域以灰色显示(也可以设置为隐藏):

SpreadJS 纯前端表格控件应用案例:金融业数据智能分析平台

  • 区域的划分是随意的,可以根据业务分析的需要进行灵活组合;
  • 将当前结果导出到PowerPoint中,可实现如下效果,其中展示的表格和地图都不是静态的图片:

SpreadJS 纯前端表格控件应用案例:金融业数据智能分析平台

3、数据智能分析平台与****SpreadJS集成后的地图功能包括:

  • 内置全国31个省市/地市/区县地图,使用双击、单击钻取和切换功能,即可获取这些数据的钻取路径
  • 灵活添加和删除标注的功能(marker)
  • 地图颜色、边框颜色、告警区间均可自由设置
  • 可以对接GIS地图(如国内的高德地图、百度地图等)
  • 使用HTML5和JavaScript技术,没有其他依赖项目
  • 数据可以导出到PowerPoint中,地图中的省市、区县可以选择分别转换为形状(Shape)或是整体导出为图片

表格技术带来的价值(选择表格控件 SpreadJS 的主要原因)

  1. 降低了产品使用门槛:市场上绝大部分数据分析工具对数据用户,尤其是一线业务用户和财务部门用户存在一定的使用门槛,需要培训和较长时间去学习适应,但基于SpreadJS研发的数据智能分析平台则不会存在这个问题,SpreadJS 具备了“与 Excel 高度兼容”的产品特性,可用来开发Web Excel的组件模块,实现如 Excel 般的数据分析和交互;
  2. 性能缺陷和数据质量问题一直是企事业单位信息化系统的通病,数据智能分析平台借助SpreadJS的高性能数据引擎和API进行二次扩展,很好的解决了以上问题。该平台操作简单,用户可灵活设计和维护数据采集模板,满足从源头控制数据质量的诉求;
  3. 随着企事业单位对数据价值认可度的提升,业务人员需要数据分析系统提供更高效的计算能力,嵌入了SpreadJS的数据智能分析平台,支持 450 多种 Excel 计算公式,可满足系统使用者自定义公式、跨表格引用等多场景下的计算需求。

以上就是北京海创应用SpreadJS表格控件技术研发的“金融业数据智能分析平台”案例展示,如需查看 SpreadJS 的更多应用案例或需要了解 SpreadJS 的更多功能特性,欢迎访问SpreadJS 产品官网

关于SpreadJS 纯前端表格控件

SpreadJS 是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户带来亲切、易用的使用体验,并满足 Web Excel 组件开发、表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景,可极大降低企业研发成本和项目交付风险。

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Wesley13 Wesley13
3年前
java将前端的json数组字符串转换为列表
记录下在前端通过ajax提交了一个json数组的字符串,在后端如何转换为列表。前端数据转化与请求varcontracts{id:'1',name:'yanggb合同1'},{id:'2',name:'yanggb合同2'},{id:'3',name:'yang
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
5个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Easter79 Easter79
3年前
SpringBoot整合Redis乱码原因及解决方案
问题描述:springboot使用springdataredis存储数据时乱码rediskey/value出现\\xAC\\xED\\x00\\x05t\\x00\\x05问题分析:查看RedisTemplate类!(https://oscimg.oschina.net/oscnet/0a85565fa
Stella981 Stella981
3年前
SpreadJS 应用案例:电力自动化在线数据采集报表系统
电力自动化在线数据采集报表系统,由南京畅洋科技有限公司自主研发。使用该系统,用户只需简单的配置,便可轻松获取想要的数据。该系统通过嵌入SpreadJS纯前端表格控件,可应对电力系统中针对数据处理的各项需求,让数据变得更有价值。下面,让我们一起来看看如何在“电力自动化在线数据采集报表系统”中应用表格技术,实现“数据填报(https://www.osch
Stella981 Stella981
3年前
SpreadJS 纯前端表格控件应用案例:资料填报系统
由达美盛研发的资料填报系统,借助SpreadJS纯前端表格控件提供的API,实现了高度类似Excel的数据资料填报审批界面,用户可在线完成打印归档、组卷存储和分析。下面,让我们一起来看看达美盛是如何在“资料填报系统”中应用表格技术,实现“数据填报(https://www.oschina.net/action/GoToLink?urlhttp
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
11个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这