echarts 显示顺序_ECharts系列：桑基图的使用

桑基图

本章介绍 ECharts 系列的桑基图(series[i]-sankey)。我们也称桑基图为桑基能量平衡图，具有特殊类型的流程图，它主要用来表示原材料、能量等如何从初始形式经过中间过程的加工、转化到达最终形式。以下是使用桑基图的一个实例，您可以参考它。

示例：

桑基图可视编码

桑基图将原数据中的每个节点(node)编码成一个小矩形，不同的节点尽量用不同的颜色展示，小矩形旁边的 label 编码的是节点的名称。

此外，图中每两个小矩形之间的边编码的是原数据中的 link，边的粗细编码的是 link 中的 value。

排序： 如果想指定结果的纵向顺序，那么可以把 layoutIterations 设为 0，此时纵向的顺序依照数据在 links 中出现的顺序。

桑基图属性type

ECharts桑基图的 type 设置为 sankey。zlevel

所有图形的 zlevel 值，默认为 0。

zlevel 用于 Canvas 分层，不同 zlevel 值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁(例如有动画)的组件设置成一个单独的zlevel。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。

zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面。z

组件的所有图形的 z 值，默认值为 2。控制图形的前后顺序。z 值小的图形会被 z 值大的图形覆盖。

z 相比 zlevel 优先级更低，而且不会创建新的 Can