2024-03-12 echarts 桑基图单独设置某项值

反正百度是没有搜到的,AI是一言难尽的,谷歌是没试过的,翻了一下午API看到了


错误视图

假如要做一个财务的 收入 -> 利润 -> 支出 的桑基图

但是 收入 和 支出 只是 利润的一部分,光靠官方数据实例中通过 links 的 value 控制输出,会出现 上游过大 或 下游过大 导致利润值受到影响的问题

(如图所示,收入只有60,而成本是100,导致利润变成100了,相反如果成本只有30,那么利润会变成60)

总之就是桑基图(在只关注 links 的情况下),每项节点的大小会受上下游影响

那么只需要在 nodes 里面,增加 value 参数,来控制每个节点的值就行了,只是样式会比较丑陋(如果使用echarts觉得的最佳方案 layoutIterations = 32 )

修改后,我这里调整成了 layoutIterations = 0
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容