ECharts 入门教程 ECharts获取图形的zlevel值

2024-02-25 开发教程 ECharts 入门教程 匿名 6

在 ECharts 中使用 title.zlevel 和 title.z 分别得到所有图形的 zlevel 值和 z 值,zlevel 使用于 Canvas 分层,我们将不同的 zlevel 值的图形放置在不同的 Canvas 中;z 的优先级更低,但是不会创建新的 Canvas。

Canvas 分层是一种常见的优化手段。

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


title.zlevel | number

[ default: 0 ]

所有图形的 zlevel 值。

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


title.z | number

[ default: 2 ]

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