类ERP单据联查的一个实现思路

最近在弄一个类似ERP中的业务单据联查场景


之前想用树形图实现，后来详细思考发现业务实际情况不是树形，所以突然想到了桑基图来实现


桑基图（Sankey diagram），即桑基能量分流图，也叫桑基能量平衡图。它是一种特定类型的流程图，右图中延伸的分支的宽度对应数据流量的大小，通常应用于能源、材料成分、金融等数据的可视化分析。


思路：
1.利用桑基图体现单据流向。
2.数据源自己处理，转JSON拼接成字符串转成对象
3.利用JS结合ECHARTS展现

参考资料：https://echarts.apache.org/examp ... l#chart-type-sankey
https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=93516


实现效果


1.录入数据，数据源可根据项目自行处理
2.获取业务单据节点
3拼接参数
4.汇总OPTION值
5.展现效果。

highcharts图表也可以作为补充，前几天用到了一个双对数坐标图，感觉echarts画出来的不是很满意，就用了highcharts图表
highcharts图表和echarts图表用法几乎一模一样，可以去看看，highcharts图表是商业图表，商用收费，个人学习免费

忘了告诉你，如果你用echarts图表，那个
可以不用上传，活字格本身的图表就是echarts图表，一级自己在系统加载了，你只要用就行了

lovert 发表于 2021-8-4 15:36
忘了告诉你，如果你用echarts图表，那个
可以不用上传，活字格本身的图表就是echarts图表，一级自己在系统 ...

THK U不过删掉之后就不好用了活字格自带那个好像里边没含桑基图