README.md 9.1 KB

图表 Charts

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

通用配置

Image Image

  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

总体统计数据表样式示例
订单类型 : "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

个体统计表样式草案示例 | 不良率 | 偏差值 | 日期 | 处理温度 | 偏差值 | 配件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


柱状图

  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


饼状图

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

Image


散点图

  1. 数据预处理选项:
    • 分段 bucketization
    • 计数(可选):在定义好x轴后,可以选择一个类别数据列对其中符合特定判断条件的项进行计数
    • 累积(可选):在定义好x轴后,可以选择一个标量数据列沿着x轴累积
    • 分组方式(可选)
  2. 定义x轴:
    • 只可定义一个x轴,x轴可以有重复值
    • 可选类型:标量、序量
  3. 定义y轴:
    • 分组不可以堆叠
    • 每个x值在每个y轴上对应的y值应当是唯一的
    • 可选类型:标量(包括计数和累积)
  4. 验证规则
散点图样式配置界面草案示例

Image