政采云 - 云服务平台数据可视化模块
所使用产品: SpreadJS
一. 企业介绍
政采云有限公司(以下简称:政采云)由浙江省财政厅与阿里巴巴集团合作建设,于2016年8月8日成立。公司以全球领先的云计算、大数据、人工智能等数字技术为基础,遵循“制度定规则、市场建平台、属地化管理、专业化运营”的建设思路,搭建了全国首个专注服务于“互联网+政企采购”的云服务平台——政采云平台。
二. 项目背景
政采云平台基于 “互联网+”的行业背景,顺应政府采购制度改革要求和电商化采购趋势,以大数据、云计算、AI等先进技术为支撑构建的集网上交易、网上监管和网上服务于一体,覆盖政府采购各领域、全流程、多用户的综合性的云服务平台。
为了实现高性能的数据处理要求和更加易用的使用体验,云服务平台的数据处理模块完全基于葡萄城的 纯前端表格控件 SpreadJS 进行开发。
借助 SpreadJS 的组件功能,云服务平台得以将大量数据在浏览器中快速的渲染展示,并且灵活地进行数据操作,其中操作包括数据的筛选、关联、联动、钻取,文案的查询,替换、样式设置,条件格式的注入实现多色阶、图标集、数据条、重复值,以及公式的插入,跨表联动等。
三. 项目截图
1. 渲染表格数据
(绑定数据和公式)
2. 渲染条件格式
渲染条件格式:数据渲染完成只能保证数据能正常显示出来,但是这还不能满足数据分析师的需求,还要明显展示有效数据譬如:最大值,最小值标红,进度条展示一个变化状态,图标展示上升还是下降,双色阶,三色阶等,借助 SpreadJS 实现的效果如下图。
图标集:
进度条:
标注重复值:
包含文本 6 的单元格:
综合以上实现结果如图:
四. 选择表格控件 SpreadJS 的主要原因
互联网电商服务行业平时会处理大量的商业信息和用户信息,客服和数据分析师是报表的主要使用人员。
客服平时每天都会处理大量的工单填报、客诉登记、第三方平台原始数据的导入、统计汇总、审核审批、电签、分发等工作。平时大部分工作信息的载体都是 Excel,服务器每天都需要处理海量的文档。由于 Excel 文档本身数据难以提取入库,模板更新时也不方便第一时间分发到操作员处,难以整合到 Web 页面里,数据分析师需要拿到数据进行汇总,算出各个品牌商品的销售额,最大值、最小值、平均值等,标识出有价值的数据。抓取有效数据,制作成报表提交给 boss。
针对上述场景,SpreadJS表格控件可以发挥出独特的产品优势:
1. 高并发性能
由于 SpreadJS 是数据和模板分离的设计,填报人员只需要在页面上完成填报。提交时可以只提交填报好的数据 json 即可,服务器再也不用集中解析所有Excel 文件了,带宽消耗也直接节约了一半。
2. 高度兼容 Excel 的操作模式
在内部试用时,用户反馈SpreadJS的使用体验跟 Excel 几乎完全一样,不需要再进行特意培训。而且用户的大量 Excel 报表可以直接导入(二次开发后也可以实现批量和远程导入),包括图表、公式、表格样式等等一系列元素都可以直接导入线上操作。
3. 报表格式灵活多变
借助SpreadJS的设计器,设计人员可以直接在线设计,或者把 Excel 设计好的报表,拿到 Web 端,做好数据绑定,提交保存成 json 格式即可(SpreadJS 的 ssjson 格式包括 Excel 文档的所有信息)
4. 支持公式计算
SpreadJS支持了 450 多种计算公式,还可以自己开发扩展自定义公式,对财务来说也完全够用。同时还支持所有 Excel 的引用操作,比如跨 sheet 引用、绝对引用、函数命名信息之类。
5. 工作流中的数据文档
使用SpreadJS可基本脱离对文件的依赖,所有流程状态和依赖的数据都可以在数据库中记录,文件服务器只需要保存少量的模板文档即可,这里节约了90% 文件服务器的空间开销。