Javascript 将sankey图表节点从低到高排序

Javascript 将sankey图表节点从低到高排序,javascript,charts,echarts,apache-echarts,Javascript,Charts,Echarts,Apache Echarts,ApacheEcharts会自动将其从高值排序到低值(subc1

ApacheEcharts会自动将其从高值排序到低值(subc1
这是一个工作示例,可以粘贴到此处或在此处查看

您可以使用
layoutierations
参数来实现这一点。将其设置为0(零)将禁用基于权重/值的所有布局调整。


您可以使用
layoutierations
参数来实现这一点。将其设置为0(零)将禁用基于权重/值的所有布局调整。

系列:[{
// ...
布局:0,
// ...
}]
您已禁用布局优化,现在需要:)

const系列链接=[{
// ...
}].reverse()/
系列:[{
// ...
布局:0,
// ...
}]
您已禁用布局优化,现在需要:)

const系列链接=[{
// ...

}].reverse()//谢谢您的回答!我已经试过了,但这完全弄乱了图表您可以在这里看到它(添加了
layoutierations
):@mrks这就是
layoutierations
所做的,它尝试对组重新排序,以减少重叠。将其设置为0以外的任何值都意味着排序不再有意义。但是,您的组在
数据列表中的显示顺序就是用来绘制它们的顺序。改变“修复”你的“混乱”布局:谢谢你的回答!我已经试过了,但这完全弄乱了图表您可以在这里看到它(添加了
layoutierations
):@mrks这就是
layoutierations
所做的,它尝试对组重新排序,以减少重叠。将其设置为0以外的任何值都意味着排序不再有意义。但是,您的组在
数据列表中的显示顺序就是用来绘制它们的顺序。更改“修复”您的“混乱”布局:
const dataSeries = [{
        "name": "Containerburg"
      },
      {
        "name": "HTCont1"
      },
      {
        "name": "Kranstrom"
      },
      {
        "name": "Wago3"
      },
      {
        "name": "Wago5"
      },
      {
        "name": "Wago2"
      },
      {
        "name": "Heinrich Campus "
      },
      {
        "name": "SubCont1"
      },
      {
        "name": "Heinrich Campus"
      }
    ];

    const seriesLinks = [{
        "source": "Containerburg",
        "target": "HTCont1",
        "value": 20.874000000000024
      },
      {
        "source": "Kranstrom",
        "target": "Wago3",
        "value": 44.253999999999905
      },
      {
        "source": "Containerburg",
        "target": "Wago5",
        "value": 126.2489999999998
      },
      {
        "source": "Kranstrom",
        "target": "Wago2",
        "value": 151.63200000000006
      },
      {
        "source": "Heinrich Campus ",
        "target": "Kranstrom",
        "value": 195.88599999999997
      },
      {
        "source": "Containerburg",
        "target": "SubCont1",
        "value": 745.3199999999997
      },
      {
        "source": "Heinrich Campus",
        "target": "Containerburg",
        "value": 892.4429999999995
      }
    ];

option = {
  series: [
    {
      type: "sankey",
      data: dataSeries,
      links: seriesLinks,
    },
  ],
};
    var option = {
      series: [{
        type: "sankey",
        data: dataSeries,
        links: seriesLinks,
        layoutIterations: 0
      }]
    };

    myChart.setOption(option);