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

由北京海创研发的金融业数据智能分析平台，通过嵌入 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 报表设计等业务场景，可极大降低企业研发成本和项目交付风险。