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

2021-01-06 00:30

阅读:511

标签:www   展现   sig   ora   语义   灰色   web   dip   成本   

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

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

项目背景

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

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

技术图片

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

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

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

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

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

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

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

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

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

· 无缝衔接数据分析功能

· 数据校验和审核功能

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

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

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

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

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

· 可对分析结果二次分享

项目截图

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

技术图片

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

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

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

技术图片

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

技术图片

  • 下图为地图展示数据后的效果,更改单元格中的指标数据能实时在地图上体现出来:
    技术图片

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

技术图片

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

技术图片

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

技术图片

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 报表设计等业务场景,可极大降低企业研发成本和项目交付风险。

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

标签:www   展现   sig   ora   语义   灰色   web   dip   成本   

原文地址:https://blog.51cto.com/powertoolsteam/2527649


评论


亲,登录后才可以留言!