OnceVI简介

企业管理软件在报表的应用上有大量需求，也存在大量困扰。OnceVI是一款使用Web和H5技术打造的前后端分离的报表开发工具。OnceVI支持直接在SVG矢量图上绑定数据，并通过JSON数据格式将后台数据呈现到前端报表界面。开发者可使用任何编程语言来编写JSON数据服务，OnceVI使用内存数据库来缓存数据，使用者不再需要考虑高并发下的性能问题。

界面设计

与其它报表软件不同，您无需从零开始设计界面。OnceVI基于SVG矢量图。SVG可缩放矢量图形是用于描述二维矢量图形的一种图形格式，它是一个开放标准，目前互联网上有海量的设计素材。您不仅仅可以在OnceVI上设计报表界面。您也可以在Adobe illustrator中甚至是AutoCAD上设计界面。在制作一些监控类时时报表，如智慧工厂和立体仓储的状态监控时，您可以直接将生产线、建设的CAD设计图转为SVG, 作为报表界面，这能极大地降低您的工作量。

在Adobe illustrator中您可以直接将源文件另存为svg格式。

您也可以在OnceVI上设计SVG报表，或者上传设计好的SVG进行数据绑定。

前后端分离

OnceVI采用前后端分离的设计模式，前后端通过JSON 来进行数据交换。报表的展示不需要依赖后端实现。您也可以将开发好的报表集成进自己的Web服务器中。您可以通过OnceDoc私有云版的Sql Builder来创建数据服务接口。也可以自己构建基于JSON的Web Service。

您可以使用任何编程语言来构建数据服务，此时需要使用JSONP数据格式或OnceDoc Proxy代理工具来解决跨域问题。

 

数据缓存

OnceDoc Proxy在解决跨域的同时，也提供了一种数据缓存机制。基于OnceDB内存数据库实现，OnceDB是我们基于开源键值数据库Redis开发的。Redis体积小巧，性能优异，实施简单。特别适合在高并发的场景。我们在他的基础上添加了一些新的数据查询指令，以方便做数据过滤、处理和筛选。

在数据量特别大或者查询条件比较复杂的情况下，通常需要花比较长的时间。OnceDoc Proxy会将后台数据处理结果，缓存到内存数据库中。这样在同一时间将只会有一条数据请求发到您的数据服务接口。您有充分的硬件资源和时间去处理海量数据的筛选、处理与分析，而不需要担心并发量。

数据预处理

OnceVI支持在前端对数据进行预处理。通过数据预处理，您可以将数据转换成矢量图形的颜色、大小、长度、高度等展示，并且不需要改变后台数据接口。

点开Filter您就可以添加JavaScript过滤函数。下面的例子，演示了如何将将各个设备的运行状态（布尔值）转换为颜色显示，示例。

文本增强

SVG的原生文本并不支持固定文本框大小。因而也不支持文本的居中、右对齐和自动换行等。OnceVI增加了一种新的Textarea元件，用以支持大段文本的展示 和HTML标签的支持。

 

图表支持

OnceVI支持各种图表的展示，您只需在设计界面绑定一个值为二维数组的字段即可。

图表还支持多维数据的呈现，您只填写好相应的数据即可。图表字段的数据源第一个数组是X轴的坐标值。如下所示：

"chart": [
    ["Category", "A", "B", "C", "D", "E", "F", "G", "H"],
    ["Apple", 94.8, -75.4, -101.1, 165.5, -21.76, 125.5, 80.5, -70.7],
    ["Orange", -1.605, -29.63, -43.04, 184.4, -0.605, 184.8, 60.4, -66.2],
    ["Banana", 44, 104.2, -19.82, 291.4, 7.29, 116, -138., -102.9]
]

绑定上不同的图表后的绘制效果：

条形码与二维码

基于条形码(Barcode)和二维码(Qrcode)，由于其优良的特性在管理信息系统的设计中被广泛使用。目前广泛应用在企业内部管理、生产流程、物流控制系统方面。是报表系统中必不可少的功能特性这一。OnceVI支持直接显示条形码与二维码。只需要简单拖拉即可实现，示例。

录入表单支持

OnceVI 还支持录入型的表单设计，以网站登录系统模板为例（见下图），在界面左侧选择 类型的控件。即可在模板上添加输入框，并进行数据绑定。

在Data Binding工具栏中，目标对象为Form格式，可供选择的输入类型（Type）包括：

text: 文本
textarea: 文本区域
password: 密码
file: 文件
radio: 单选
checkbox: 复选

 

实时刷新和动画

您可以添加刷新间隔时间来动态刷新你的报表，数据的变化将会以动画渐变的形式展现到报表界面上如颜色、尺寸、高度、数量等。在"Data Binding"界面上设置 "Refresh Interval" 即可，"Refresh Interval" 表示数据刷新间隔，"0"表示不刷新数据，单位为秒。借助OnceDoc Proxy刷新不会对影响后台数据分析服务的性能。

 

报表打印与PDF保存

因为目前Web的不断成熟，打印功能也逐渐完善。因为基于Web和svg技术实现，OnceVI的可视化报表直接支持报表打印和手机浏览，并且不需要依赖任何插件。

 

下一篇: 用OnceVI制作一张名片