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

Chelsey.Wang

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

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

桑基图（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

实现效果

image.png281851195.png

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

lovert · lovert

本帖最后由 lovert 于 2021-8-4 14:29 编辑

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