1. zlevel: 用于定义图形元素所在的 Canvas 分层。不同的 zlevel 值将图形元素分层到不同的 Canvas 中,使得在渲染时可以控制层叠关系。zlevel 的值越高,表示图形元素越靠近用户,覆盖在较低的 zlevel 值之上。
option = {
// 其他配置项...
legend: {
zlevel: 1, // 设置图例的 zlevel 值
// 其他图例相关配置项...
},
series: [
{
name: '系列1',
type: 'bar',
data: [1, 2, 3, 4, 5],
// 其他系列配置项...
},
// 其他系列配置项...
],
};
2. z: 用于定义图形元素的层叠关系,同样越高表示图形元素越靠近用户。在同一个 zlevel 中,z 的值高的图形元素将覆盖在值低的元素之上。
option = {
// 其他配置项...
legend: {
z: 2, // 设置图例的 z 值
// 其他图例相关配置项...
},
series: [
{
name: '系列1',
type: 'bar',
data: [1, 2, 3, 4, 5],
// 其他系列配置项...
},
// 其他系列配置项...
],
};
通过设置合适的 zlevel 和 z 值,你可以控制图例的层叠顺序,确保它们在图表中的正确显示层级。
转载请注明出处:http://www.zyzy.cn/article/detail/5118/ECharts