w笔记--axisPointer 的不同层级的优先级

axisPointer 的不同层级的优先级

在 ECharts 中，axisPointer 配置存在不同层级的定义（如 tooltip 中的 axisPointer、坐标轴 xAxis/yAxis 中的 axisPointer ），它们的优先级和作用范围有特定规则：

axisPointer 的作用与配置层级

axisPointer 用于配置坐标轴指示器（即鼠标悬浮到坐标轴、数据系列时，显示的辅助线 / 阴影等提示元素 ），可在两个层级定义：

1. 全局层级（tooltip.axisPointer）：
   作用于整个图表的 tooltip，控制 “跨坐标轴” 的指示器（如 type: 'cross' 时，会同时显示横轴和纵轴方向的辅助线 ）。
2. 坐标轴层级（xAxis.axisPointer / yAxis.axisPointer）：
   仅作用于当前坐标轴，控制该坐标轴自身的指示器（如 xAxis.axisPointer.type: 'shadow' 时，横轴会显示阴影指示器 ）。

优先级规则：“局部（坐标轴）> 全局（tooltip）”

ECharts 中，坐标轴层级的 axisPointer 优先级高于 tooltip 层级的 axisPointer。

具体来说：

• 当你同时配置了 tooltip.axisPointer 和 xAxis.axisPointer（或 yAxis.axisPointer ）时，坐标轴自身的 axisPointer 会 “覆盖” tooltip 中 axisPointer 对该坐标轴的控制。

此时：

• xAxis 的指示器行为由 xAxis.axisPointer 控制（即显示 shadow 类型 ），而 tooltip.axisPointer 的 line 配置仅对未被坐标轴自身 axisPointer 覆盖的坐标轴生效（比如 y 轴，如果 y 轴没单独配置 axisPointer ）。