在 ECharts 中,你可以通过 nodes 和 links 属性来设置桑基图节点的关系数据。以下是一个详细的例子,演示如何配置桑基图的节点和链接信息:
option = {
    series: [
        {
            type: 'sankey',
            layout: 'none',
            emphasis: {
                focus: 'adjacency'
            },
            data: [
                { name: 'NodeA' },
                { name: 'NodeB' },
                { name: 'NodeC' },
                { name: 'NodeD' }
            ],
            links: [
                { source: 'NodeA', target: 'NodeB', value: 10 },
                { source: 'NodeA', target: 'NodeC', value: 15 },
                { source: 'NodeB', target: 'NodeD', value: 20 },
                { source: 'NodeC', target: 'NodeD', value: 25 }
            ]
        }
    ]
};

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

在这个例子中:

  •  data 数组中的每个对象表示一个节点,其中 name 属性表示节点的名称。

  •  links 数组中的每个对象表示节点之间的链接,其中 source 和 target 属性表示连接的起始节点和目标节点,而 value 属性表示连接的权值。


你可以根据实际需求,提供更多的节点和链接,以展示系统中的复杂关系。此外,你还可以通过 ECharts 的其他配置项来调整桑基图的样式、标签、布局等。


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