echarts 关系图怎么把两者之间的两种关系显示在一条连线上

ECharts的关系图（sankey diagram）是用来展示节点间资源流动的可视化工具，通常用于表示数据流、能量传递等场景。如果你想在同一条线上同时显示两种关系，你可以创建两条独立的Sankey序列，并将它们连接起来。下面是一个简单的步骤说明：

1. **初始化两个sankey图对象**：首先，在ECharts中，你需要实例化两个`echarts.Sankey()`对象，分别对应两种关系。

let chart1 = echarts.init(document.getElementById('chart1'));
let chart2 = echarts.init(document.getElementById('chart2'));

2. **配置数据**：对每张图表配置各自的源节点、目标节点和流量值。确保这两个系列的数据结构相似，可以共用一些节点。

let data1 = ...; // 第一种关系的数据
let data2 = ...; // 第二种关系的数据

chart1.setOption({
    sankey: {
        nodes: [...], // 共享节点列表
        links: data1,
    }
});

chart2.setOption({
    sankey: {
        nodes: [...],
        links: data2,
    }
});

3. **组合连边**：如果需要在一张图上显示，可以手动添加连线，例如通过设置`links`数组，其中包含两个系列共享的节点及其间的流量。

let combinedData = [
    ...chart1.options.sankey.links,
    ...chart2.options.sankey.links.filter(link => !chart1.options.sankey.links.includes(link)), // 添加第二个系列独有的链接
];

chart1.setOption({ sankey: { links: combinedData } });

4. **合并图表**：由于ECharts Sankey图本身并不支持在一个图表内叠加，所以最后你可能需要选择一个展示效果更佳的方式，比如交替切换显示，或者使用两个并排的图表容器。