# 图表 Charts 
##### 备忘
- 图表配置档分为通用配置和可视化模式配置两部分
    - 每个图表只能选择一个可视化模式
    - 不同的可视化模式的配置档格式不同
- Echarts还支持很多其他选项（大部分是外观相关），若未表明则使用默认配置

### 通用配置 
![Image](.\doc\img\basic_settings.png)
![Image](.\doc\img\data_structure.png)
1. 主标题文本 title
2. 副标题文本 subtitle
3. 访问权限 access_permission
4. 修改权限 edit_permission
5. 数据接口 data_connector *（选择后自动读取该接口的元数据获取默认数据类型）* 
6. 时间跨度 time_span
7. 筛选规则 filter
8. 可视化模式 visualization *（根据所选的数据列的数据类型自动判断可用的可视化模式）*
9. 图例 legend
10. 提示框 tooltip
11. 区域缩放 datazoom
12. 工具箱 toolbox:
        - 还原按钮
        - 导出为图片


# 可视化模式  
##### 备注
- 阶段一仅开放这六个可视化模式
  - 总体统计数据表 aggregate_table
  - 个体统计数据表 data_view
  - 折线图 line_chart
  - 柱状图 bar_chart
  - 饼状图 pie_chart
  - 散点图 scatter_plot 
- 不同的可视化模式需要进行不同的数据预处理
- 预处理时，需要先进行会增加数据列的操作（如分段、计数、累积），然后进行不增加数据列但会改变表结构的操作（如分组），然后进行表内操作（如排序）
- 所有可视化模式都提供分组的选项
    - 生效时相当于筛选出各分组后分别进行可视化
    - 一般会按类别分组
    - 分段 Bucketization: 可以将标量或者时间分成多个片段后进行分段分组
        - 分段后产生的数据属于序值
    - 分组规则应当可以排序
        - 分组规则的顺序只影响表格产生的顺序
    - 分组后可定义组标题
- 部分可视化模式允许堆叠


___

### 总体统计数据表 aggregate_table

1. 数据预处理选项
    - 分段 bucketization
    - 根据各列数据类型判断可生成的总体统计数据：aggregate_stats
        - 条数 count
        - 百分比 proportion （限分组）
        - 总和 sum (限标量)
        - 平均数 mean （限标量）
        - 最小值 min （限标量）
        - 25th% 值（限标量）
        - 中位数 median（限标量）
        - 75th% 值（限标量）
        - 最大值 max（限标量）
        - 标准差 standard deviation （限标量）
    - 数据分组（可选） group_by
2. 验证规则 validator


### 总体统计数据表配置界面草案示例
![Image](.\doc\img\aggregate.png)
##### 总体统计数据表样式示例   


|订单类型 : "categorical"|||
|---:|---|---:|
|总体|条数|470|
|"国内销售"|条数|244| 
||百分比|51.91%|
|"不冲销预测"|条数|129|
||百分比|27.45%|
|"初始化"|条数|83|
||百分比|17.66%|
|"国外销售"|条数|10|
||百分比|2.13%|
|"样品订单"|条数|4|
||百分比|0.85%|

|币别 : "categorical"|||
|---:|---|---:|
|总体|条数|470|
|"RMB"|条数|460|
||百分比|97.87%|
|"USD"|条数|10|
||百分比|2.13%|

 分组 - 业务员："张三"
|金额 : "scale"||
|---|---:|
|条数|288|
|总和|11790045.000|
|平均值|40937.6583|
|标准差|55159.1981|
|最小值|0.000|
|25^th%值|5416.3500|
|中位数|21202.7000|
|75^th%值|55075.0000|
|最大值|405000.3500|

|订单类型 : "categorical|||
|---:|---|---:|
|总体|条数|288|
|"国内销售"|条数|144| 
||百分比|50.00%|
|"不冲销预测"|条数|129|
||百分比|44.79%|
|"初始化"|条数|13|
||百分比|4.51%|
|"国外销售"|条数|0|
||百分比|0.00%|
|"样品订单"|条数|2|
||百分比|0.69%|

|币别 : "categorical"|||
|---:|---|---:|
|总体|条数|288|
|"RMB"|条数|288|
||百分比|100.00%|
|"USD"|条数|0|
||百分比|0%|


|金额 : "scale"||
|---|---:|
|条数|86|
|总和|2803270.8500|
|平均值|32596.1727|
|标准差|46825.9726|
|最小值|0.000|
|25^th%值|539.5000|
|中位数|15675.0000|
|75^th%值|45982.5000|
|最大值|265330.0000|


|订单类型 : "categorical|||
|---:|---|---:|
|总体|条数|86|
|"国内销售"|条数|50| 
||百分比|58.14%|
|"不冲销预测"|条数|0|
||百分比|0.00%|
|"初始化"|条数|34|
||百分比|39.53%|
|"国外销售"|条数|0|
||百分比|0.00%|
|"样品订单"|条数|2|
||百分比|2.33%|


|币别 : "categorical"|||
|---:|---|---:|
|总体|条数|86|
|"RMB"|条数|86|
||百分比|100.00%|
|"USD"|条数|0|
||百分比|0%|

___
### 个体统计数据表 data_view
1. 数据预处理选项：
    - 排序方式（可选） sort_by
        - 选择显示行数（如前5行 前30行）
    - 分组方式（可选）group_by
2. 勾选所显示的数据列 data_view_columns
        - 原生数据
        - 可供添加的个体统计数据列
            - 偏差值 z-score: 适用于标量
                - z-score = (value - mean(x))/std(x)
        
            
##### 个体统计数据表配置界面草案示例
![Image](.\doc\img\data_view.png)
        
 个体统计表样式草案示例
| 不良率 | 偏差值 | 日期     | 处理温度 | 偏差值 | 配件A不良率 | 偏差值 | 处理时长 | 偏差值 |
|--------|--------|----------|----------|--------|-------------|--------|----------|--------|
| 83%    | 11.67  | 2017/2/1 | 125      | 3.57   | 45%         | 17.50  | 407      | 7.13   |
| 79%    | 11.00  | 2017/3/8 | 119      | 2.71   | 30%         | 10.00  | 365      | 4.33   |
| 62%    | 8.17   | 2017/1/1 | 108      | 1.14   | 32%         | 11.00  | 377      | 5.13   |
| 54%    | 6.83   | 2017/7/2 | 93       | -1.00  | 8%          | -1.00  | 150      | -10.00 |
| 53%    | 6.67   | 2017/7/3 | 95       | -0.71  | 10%         | 0.00   | 378      | 5.20   |
| 51%    | 6.33   | 2017/3/1  | 107      | 1.00   | 15%         | 2.50   | 320      | 1.33   |
| 43%    | 5.00   | 2017/4/1 | 100      | 0.00   | 12%         | 1.00   | 350      | 3.33   |
| 30%    | 2.83   | 2017/11/2 | 101      | 0.14   | 10%         | 0.00   | 332      | 2.13   |
| 28%    | 2.50   | 2017/12/1| 104      | 0.57   | 9%          | -0.50  | 301      | 0.07   |
| 27%    | 2.33   | 2017/7/5| 100      | 0.00   | 8%          | -1.00  | 285      | -1.00  |

___
### 折线图
1. 数据预处理选项：
    - 分组方式（可选）group_by
    - 分段（可选）：bucketization
        - 时间可按年月日分段
        - 标量可平均分段
    - 计数（可选）：在定义好x轴后，可以选择一个类别数据列对其中符合特定判断条件的项进行计数 count_columns
    - 累积（可选）：在定义好x轴后，可以选择一个标量数据列沿着x轴累积 sum_columns
2. 定义x轴：x_axis
    - 只可定义一个x轴，且x轴没有重复值
    - 可选类型：时间、标量、序量

3. 定义y轴：y_axis
    - 可以定义多个同类y轴堆叠 (命名为yaxis_0, yaxis_1,以此类推)
    - 分组也可以堆叠
    - 但每个x值在每个y轴上对应的y值应当是唯一的
    - 可选类型：标量（包括计数和累计）
4. 验证规则 validator
        
##### 折线图样式配置界面草案示例

![Image](.\doc\img\line.png)
___


### 柱状图
1. 数据预处理选项：
    - 分段（可选）：bucketization
    - 分组方式（可选）group_by
    - 计数（可选）：在定义好x轴后，可以选择一个类别数据列对其中符合特定判断条件的项进行计数 count_columns
    - 累积（可选）：在定义好x轴后，可以选择一个标量数据列沿着x轴累积 sum_columns
2. 定义x轴：x_axis
    - 只可定义一个x轴，且x轴没有重复值 
    - 可选类型：序量、类别
3. 定义y轴：y_axis
    - 可以定义多个同类y轴堆叠 (命名为yaxis_0, yaxis_1,以此类推)
    - 分组也可以堆叠
    - 但每个x值在每个y轴上对应的y值应当是唯一的
    - 可选类型：标量（包括计数和累积）
4. 验证规则
        
##### 柱状图样式配置界面草案示例

![Image](.\doc\img\bar.png)
____    

### 饼状图 
1. 数据预处理选项：
    - 分组方式（可选）group_by
    - 计数（可选）：在定义好x轴后，可以选择一个类别数据列对其中符合特定判断条件的项进行计数
    - 累积（可选）：在定义好x轴后，可以选择一个标量数据列沿着x轴累积
    - 分段（可选）：bucketization
2. 定义扇区索引：
    - 只可定义一个扇区索引，且没有重复值
    - 可选类型：类别        
3. 验证规则
    
##### 饼状图样式配置界面草案示例

![Image](.\doc\img\pie.png)

______
        
### 散点图
1. 数据预处理选项：
    - 分段 bucketization
    - 计数（可选）：在定义好x轴后，可以选择一个类别数据列对其中符合特定判断条件的项进行计数
    - 累积（可选）：在定义好x轴后，可以选择一个标量数据列沿着x轴累积
    - 分组方式（可选）
3. 定义x轴：
    - 只可定义一个x轴，x轴可以有重复值
    - 可选类型：标量、序量    
4. 定义y轴：
    - 分组不可以堆叠
    - 每个x值在每个y轴上对应的y值应当是唯一的
    - 可选类型：标量（包括计数和累积）
5. 验证规则

##### 散点图样式配置界面草案示例

![Image](.\doc\img\scatter.png)

______