在 ECharts 中,桑基图(Sankey Diagram)用于展示节点之间的关系和流向。要设置桑基图节点的关系数据,你需要使用 nodes 和 links 两个数组来描述节点和节点之间的连接关系。

以下是一个简单的例子,演示如何设置桑基图的节点关系数据:
option = {
  series: [
    {
      type: 'sankey',
      layout: 'none', // 布局方式,'none' 表示不采用布局
      focusNodeAdjacency: true, // 是否在鼠标移到节点上的时候突出显示节点以及节点的边和邻接节点
      data: [
        { name: 'Node A' },
        { name: 'Node B' },
        { name: 'Node C' },
        // Add more nodes as needed...
      ],
      links: [
        { source: 'Node A', target: 'Node B', value: 10 },
        { source: 'Node A', target: 'Node C', value: 20 },
        { source: 'Node B', target: 'Node C', value: 30 },
        // Add more links as needed...
      ],
      // 其他配置...
    },
  ],
};

上述代码中的 data 数组包含了桑基图的节点信息,每个节点通过 name 属性来标识。links 数组描述了节点之间的连接关系,source 和 target 属性分别表示连接的起点和终点,value 表示连接的权重。

你可以根据实际情况添加更多的节点和连接信息。桑基图可以用于展示各种关系,比如物流、能源流、信息流等。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6277/ECharts