echarts绘制桑基图，让不同source到一个target的上下排列顺序等同于LinK节点的顺序

ECharts是一个强大的JavaScript图表库，它能够帮助你在网页上创建丰富的可视化图表，包括桑基图。桑基图常用于展示数据流、转移或分配的过程。如果你想让不同`source`到一个`target`的顺序与链接节点的顺序一致，你可以通过配置`links`数组来指定每个连接的方向。

首先，确保已引入ECharts库和需要的桑基图组件。然后，可以按照以下步骤设置：

1. 创建一个ECharts实例，并选择合适的容器：

var myChart = echarts.init(document.getElementById('main'));

2. 定义数据结构，其中包含`source`, `target`, 和`value`（流量值）：

var data = {
  source: ['A', 'B', 'C'], // 源节点
  target: ['D'],          // 目标节点
  value: [50, 70, 80],     // 流量值
};

3. 使用`links`数组表示源到目标的连接，将节点的顺序映射到链接：

var links = [
  { source: 0, target: 1 },   // A -> B
  { source: 0, target: 2 },   // A -> C
  { source: 1, target: 2 }    // B -> C
];

4. 设置桑基图配置项，比如图形样式和布局选项：

var option = {
  series: [{
    type: 'sankey',
    layout: 'radial',      // 设置布局为放射状
    links: links,
    nodes: {                  // 指定节点信息
      name: data.source.concat(data.target),  // 节点名称合并源和目标
      values: data.value                    // 节点大小与流量值对应
    }
  }]
};

5. 绘制图表：

myChart.setOption(option);