ECharts 中的桑基图（Sankey Diagram）是用于表示复杂系统中流动和转换的图表类型。桑基图通常用于展示资源、信息、能量等在系统中的流向和变化。以下是一个简单的例子，演示如何配置 ECharts 中的桑基图：
option = {
    series: [
        {
            type: 'sankey',  // 桑基图
            layout: 'none',  // 图的布局方式，'none' 表示桑基图使用自定义节点坐标
            emphasis: {
                focus: 'adjacency'  // 高亮时的交互方式，'adjacency' 表示高亮相邻节点
            },
            data: [
                { name: 'A' },
                { name: 'B' },
                { name: 'C' },
                { name: 'D' }
            ],
            links: [
                { source: 'A', target: 'B', value: 10 },
                { source: 'A', target: 'C', value: 15 },
                { source: 'B', target: 'D', value: 20 },
                { source: 'C', target: 'D', value: 25 }
            ]
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

在上述代码中，type: 'sankey' 表示这是一个桑基图。layout: 'none' 表示桑基图使用自定义节点坐标。emphasis 中的 focus: 'adjacency' 表示高亮时的交互方式为高亮相邻节点。

data 数组中的每个对象表示一个节点，links 数组中的每个对象表示节点之间的链接。每个链接对象包含 source 和 target 属性，分别表示连接的起始节点和目标节点，以及 value 表示连接的权值。

你可以根据实际情况提供更多的节点和链接，以展示复杂系统中的流向关系。同时，ECharts 提供了丰富的配置选项，可用于调整桑基图的样式、标签等。


转载请注明出处：http://www.zyzy.cn/article/detail/5440/ECharts