sankey/todo.md

桑基图制作工具

name: 星程桑基图

解析excel或csv数据，生成sankey图

测试数据

data目录

技术栈

web + 微信小程序 + APP（APP以后实现）

web使用vue3 + typescript

公用核心，重用，便于扩展

功能

1. 上传excel或csv文件
2. 列选择：

• source: data列, description列(可选) -- 没有描述列，以data作为描述
• source: 描述列(可选) -- 没有描述列，以data作为描述

3. excel & csv解析

宁波北欧10,2582,嘉兴四级算力池,http://14.173.1.216:8898/api/v1/detect,小模型,0908,12000,11623
宁波北欧12,2610,,,,,,
宁波鄞中15,507,,,,,,
宁波鄞中26,2914,,,,,,
宁波鄞中27,3010,,,,,,

如： source data - 2（UI中取列名），description - 1,2 target description - 3、8、5 表示： - 前两列是source;后面几列相当于excel的合并单元格(与上行内容相同，实现中，可以简化处理，赋值补全)是target - source 数据使用第2列，描述内容使用1、2列：宁波北欧10-2582 - target 自动计算source的总和，描述内容使用3、8、5列："嘉兴四级算力池-11623-小模型"

3. 支持png和svg导出

4. 配置

• 方向：source -> target target -> source
• 配色
• gap/padding
• 提供excel & csv模版

新增

1. 未来功能

• 三级桑基图
• 预览excel/csv，从中选择列
• 预览元素定制

优化

1. 数据，独立出来，每一条带的宽度表示。
2. 起点(source)，
3. 终点(target)，

逻辑：以example0.xlsx为例， 源数据-数据列，为第三列“人数”，数据列决定每一行渲染的高度。 源数据-描述列，如选“source”，sousce端结构就定了，只有“男、女两种可能，也就是说source端一定只有两条，宽度分别是男、女人数的总和。