类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.展现效果。
本帖最后由 lovert 于 2021-8-4 14:29 编辑
highcharts图表也可以作为补充，前几天用到了一个双对数坐标图，感觉echarts画出来的不是很满意，就用了highcharts图表
highcharts图表和echarts图表用法几乎一模一样，可以去看看，highcharts图表是商业图表，商用收费，个人学习免费
忘了告诉你，如果你用echarts图表，那个
可以不用上传，活字格本身的图表就是echarts图表，一级自己在系统加载了，你只要用就行了 本帖最后由 vickdracula 于 2021-8-4 16:19 编辑
lovert 发表于 2021-8-4 15:36
忘了告诉你，如果你用echarts图表，那个
可以不用上传，活字格本身的图表就是echarts图表，一级自己在系统 ...
THK U不过删掉之后就不好用了:dizzy:活字格自带那个好像里边没含桑基图
:hjyzw:
发现这位大神分享的桑基图使用不错的，非常适合做ERP类似项目的参考，且提供工程示例，非常暖心的！谢谢！
:nbtz5:
:hjyzw: 学习一下，谢谢分享！
页:
[1]