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