WebDataRocks报表设计
欢迎阅读WebDataRocks报表设计基本使用
最近开发的项目有一个“监管考核”模块，需要对上百万的业务数据做统计管理，但是项目资金有限，不能购买帆软等花钱的报表工具，所以在查找了大量的资料，决定用UReport这个开源报表工具，但是这个报表工具做的数据实在有限，很不方便从多个维度分析数据，因此最终使用国外的WebDataRocks工具，这个工具还是比较好的，使用起来也方便。
WebDataRocks是一个用于数据分析和可视化的免费web报告工具。
它是用JavaScript编写的，不受任何外部框架的约束。WebDataRocks可以在交互式透视表中轻松显示CSV或JSON数据，提供大量数据分析功能，并提供报告体验。您可以在您喜欢的任何设备（PC、平板电脑、移动设备等）上实时报告您的数据。
因为我是做的是java开发，所以选择了json格式的数据，而且在后台生成json数据的文件也是很方便的
下载安装到本地
1.地址：https://www.webdatarocks.com/doc/download/（下载zip包就行了，简单点）
2.界面：
3.本地文件打开目录：
双击打开index.html就是webdatarocks的设计页面，其中webdatarocks.js是核心文件。
4.设计页面：
这是我已经设计好一个页面，把左上角的几个与项目无关的按钮去掉，换上了项目需要的按钮。
本地化
刚下载打开的网页是英文的，我们要把它改为中文的，才能好和客户交代
1.在https://github.com/WebDataRocks/pivot-localizations/blob/master/zh.json里下载各种语言的翻译文件。如下图所示
2.用Notepad++打开zh.json 和 核心文件webdatarocks.js
3.将webdatarocks.js核心文件整理一下代码 插件->JSTool->JSFormat
4.在核心文件种找到flatHierarchyBox块代码
5.在核心文件中对照zh.json，将核心文件中对应的英文改为中文就可以，然后清除一下浏览器缓存，设计器页面就是中文了。
JSON数据
JSON是当前行业内使用最为广泛的数据传输格式之一
方括号：保存数组
花括号：保存对象
逗号：分割数据
键值对（key – value）：标识对象
其中，key必须为string类型，value的类型稍后介绍
例如：
[
{
“Product”: “Apple”,
“Price”: 2.50
},
{
“Product”: “Cherry”,
“Price”: 5.25
}
]
1.直接接在index的dataSource中引入json数据
2.在index中通过名字引用json数据，jsonData在一开始定义
3.通过应用外界json文件，这也是最常用的方式。
4.json文件的数据类型（重点）
- string：字符串值。可用聚合：Count和Distinct Count。此类字段类型的值将为
按字母顺序排序。 - number：一个数值。可以将任何可用的聚合函数应用于此类字段。此类字段类型的值将按数字排序。
- level：此字段类型用于在创建层次结构时定义单独的级别。结合hierarchy, level, and parent properties（层次、级别和父属性）来使用
- month：此字段类型用于数月。此字段类型按自然排序顺序（而不是字母顺序）对月份进行排序。
- weekdaty：此字段类型用于星期几。按天的自然排序顺序：从周日到周一。
- date：此字段类型用于日期。默认情况下，它应用于所有日期。日期分为3个独立的子字段：年、月、日。（注意，这里关于所有的日期 格式都为yyyy-MM-dd）
- data string：此字段类型用于日期。日期显示为字符串，可以使用日期模式进行格式化
- year/month/day：此字段类型用于日期。将应用以下层次结构：年>月>日。
- year/quarter/month/day：此字段类型用于日期。将应用以下层次结构：年>季度>月>日
- time
- datetime
- hidden：此字段类型用于从字段列表中隐藏字段。
- caption：层次结构的标题。
- hierarchy：层次结构的名称。如果当前字段应该是某个层次结构的级别 (if “type”: “level”).，则设置它。
- level
- parent
在这里等级是比较难理解的，给大家一个例子
在这里红色的是字段定义，ParentName(父级单位名称)、Name(子级单位名称)，黄色的是JSON格式。
这是运行出来的界面
WebDataRocks基本的设置就算做完了，json数据也了解了，简单的报表都可以做了，下一节咱们介绍WebDataRocks的对象、事件和方法，还有用Java生成json数据！！！
撒花★,°:.☆(￣▽￣)/$:.°★ 。！！！