美文网首页
2024-03-12 echarts 桑基图单独设置某项值

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

作者: 网恋被骗二块二 | 来源:发表于2024-03-11 16:41 被阅读0次

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


错误视图

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

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

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

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

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

修改后,我这里调整成了 layoutIterations = 0

相关文章

网友评论

      本文标题:2024-03-12 echarts 桑基图单独设置某项值

      本文链接:https://www.haomeiwen.com/subject/thimzdtx.html