时间戳

首页 > 解决方案 > 如何在 rechart 中对 Sankey 图表的节点进行排序？

javascript - 如何在 rechart 中对 Sankey 图表的节点进行排序？

问题描述

我想在桑基图中对我的节点进行排序。我怎样才能做到这一点？例如，对于以下数据：

const data0 = {
  nodes: [
    { name: "L0" },
    { name: "L1" },
    { name: "L2" },
    { name: "L3" },
    { name: "L4" },
    { name: "R5" },
    { name: "R6" },
    { name: "R7" },
    { name: "R8" },
    { name: "R9" }
  ],
  links: [
    { source: 0, target: 5, value: 30 },
    { source: 1, target: 8, value: 99 },
    { source: 1, target: 7, value: 20 },
    { source: 1, target: 6, value: 15 },
    { source: 4, target: 5, value: 6 },
    { source: 2, target: 8, value: 30 },
    { source: 0, target: 6, value: 15 },
    { source: 2, target: 9, value: 11 },
    { source: 3, target: 9, value: 8 },
    { source: 3, target: 8, value: 23 },
    { source: 2, target: 5, value: 20 }
  ]
};

对于这个数据，桑基图如下： 在此处输入图像描述 但我想对每一边的点进行排序。我希望节点以这种方式位于每一侧： 在此处输入图像描述 我该怎么做？

标签： javascriptreactjssankey-diagramrecharts

解决方案

推荐阅读