ETL数据分流描述 - 桑基图

ETL的困扰

​ ETL过程涉及数据的抽取、转换、加载。某些业务中ETL甚至涉及报表工作。

​ 宽表处理、细分纬度、报表中间表……ETL中间流程急剧膨胀。

为此，我们越来越难描绘清楚ETL流程。

桑基图

echarts的桑基图示例：

从左到右，我们可以清晰的看到流转过程

ETL与桑基图

设计如下：

• 表名 – 主体
• 抽取字段数 — 图宽

观察某个表数据来源：

高亮的清晰展示

快速展示

临时方案哈

毕竟我就画这一张

1. 打开预览网页

2. 准备ETL流转数据

   1. {"nodes":[
      {"name":"crm_om_order"},
      {"name":"cas_ca_app_approval"},
      {"name":"ods_employee_org_struct_info"},
      {"name":"table A"},
      {"name":"table B"},
      {"name":"ods_order_info_detail"},
      {"name":"castopg"},
      {"name":"crmtopg"}
      ],
      "links":[
      {"source": "castopg", "target": "cas_ca_app_approval", "value": 6},
      {"source": "castopg", "target": "table A", "value": 18},
      {"source": "crmtopg", "target": "crm_om_order", "value": 20},  
      {"source": "crmtopg", "target": "table B", "value": 8},
      {"source": "crmtopg", "target": "table C", "value": 13},
      
      {"source": "crm_om_order", "target": "ods_order_info_detail", "value": 18},
      {"source": "cas_ca_app_approval", "target": "ods_order_info_detail", "value": 3},
      {"source": "ods_employee_org_struct_info", "target": "ods_order_info_detail", "value": 5},
      {"source": "table A", "target": "ods_employee_org_struct_info", "value": 5},
      {"source": "table B", "target": "ods_employee_org_struct_info", "value": 10}
      ]}
      

3. 替换网页默认加载的数据

   1. 添加一行
   2. 复制准备好的数据（下图）

   

---

如果发生版本升级：https://echarts.baidu.com/

请打开链接，寻找【实例】-【桑基图】