[Feat]: 范围过滤属性 brushXFilter/ brushYFilter，过滤后，刻度会变，有没有办法不让 Y 轴刻度发生变化？

[tomatodev]

Describe the bug / 问题描述

试过在 interaction 里添加

sliderFilter: {
                adaptiveMode: false,
            },

试过在每个 children 里都添加如上内容。均不能解决

Reproduction link / 复现链接

No response

Steps to Reproduce the Bug or Issue / 重现步骤

Y.mp4

Version / 版本

Please select / 请选择

OS / 操作系统

• macOS
• Windows
• Linux
• Others / 其他

Browser / 浏览器

• Chrome
• Edge
• Firefox
• Safari (Limited support / 有限支持)
• IE (Nonsupport / 不支持)
• Others / 其他

[github-actions]

@tomatodev 您好！以下是关于您问题的自动回复：

您好，感谢反馈！

问题分析

您希望在使用 brushXFilter 或 brushYFilter 进行范围过滤后，Y 轴刻度不发生变化，即过滤后 Y 轴的刻度（domain）保持固定，不随数据变化而自动调整。

根据 G2 的默认行为，过滤后 Y 轴会自适应当前可见数据范围。如果希望 Y 轴刻度保持不变，需关闭自适应模式，并手动设置 Y 轴的 domain。

---

解决方案

请按照以下配置方式调整您的图表：

1. 关闭 adaptiveMode
   在 interaction.sliderFilter 或 interaction.brushYFilter/brushXFilter 中设置：

   interaction: {
     sliderFilter: {
       adaptiveMode: false, // 关闭自适应
     },
     // 或 brushYFilter/brushXFilter: { ... }
   }

2. 固定 Y 轴刻度（domain）
   在 scale 配置中设置 Y 轴的 domain，比如：

   scale: {
     y: { domain: [0, 200] } // 根据你的数据定制范围
   }

3. 完整示例

   import { Chart } from '@antv/g2';
   
   const chart = new Chart({
     container: 'container',
     autoFit: true,
   });
   
   chart.options({
     type: 'line',
     data: [/* ... */],
     encode: { x: 'x', y: 'y' },
     slider: {
       x: { values: [0.3, 0.7] }
     },
     interaction: {
       sliderFilter: {
         adaptiveMode: false
       }
     },
     scale: {
       y: { domain: [0, 200] }
     }
   });
   
   chart.render();

---

注意事项

• adaptiveMode: false 后，Y 轴不会根据过滤范围自适应，始终显示设置的 domain。
• 若在 children 中分别配置，需确保所有子组件的 scale.y.domain 保持一致。
• 若 domain 范围设置过大，过滤后图表可能因数据分布稀疏而显示效果不佳。

---

参考文档

• sliderFilter adaptiveMode 官方文档
• scale.domain 配置

---

如有更多疑问，欢迎补充详细代码或需求。😊

---

此回复由 AI 助手自动生成。如有任何问题，我们的团队会尽快跟进。

[tomatodev]

我已经试过设置adaptiveMode: false 了，没有效果

[tomatodev]

@tomatodev 您好！以下是关于您问题的自动回复：

您好，感谢反馈！

问题分析

您希望在使用 brushXFilter 或 brushYFilter 进行范围过滤后，Y 轴刻度不发生变化，即过滤后 Y 轴的刻度（domain）保持固定，不随数据变化而自动调整。

根据 G2 的默认行为，过滤后 Y 轴会自适应当前可见数据范围。如果希望 Y 轴刻度保持不变，需关闭自适应模式，并手动设置 Y 轴的 domain。

解决方案

请按照以下配置方式调整您的图表：

1. 关闭 adaptiveMode
   在 interaction.sliderFilter 或 interaction.brushYFilter/brushXFilter 中设置：
   interaction: {
   sliderFilter: {
   adaptiveMode: false, // 关闭自适应
   },
   // 或 brushYFilter/brushXFilter: { ... }
   }

2. 固定 Y 轴刻度（domain）
   在 scale 配置中设置 Y 轴的 domain，比如：
   scale: {
   y: { domain: [0, 200] } // 根据你的数据定制范围
   }

3. 完整示例
   import { Chart } from '@antv/g2';

   const chart = new Chart({
   container: 'container',
   autoFit: true,
   });

   chart.options({
   type: 'line',
   data: [/* ... */],
   encode: { x: 'x', y: 'y' },
   slider: {
   x: { values: [0.3, 0.7] }
   },
   interaction: {
   sliderFilter: {
   adaptiveMode: false
   }
   },
   scale: {
   y: { domain: [0, 200] }
   }
   });

   chart.render();

注意事项

• adaptiveMode: false 后，Y 轴不会根据过滤范围自适应，始终显示设置的 domain。
• 若在 children 中分别配置，需确保所有子组件的 scale.y.domain 保持一致。
• 若 domain 范围设置过大，过滤后图表可能因数据分布稀疏而显示效果不佳。

参考文档

• sliderFilter adaptiveMode 官方文档
• scale.domain 配置

如有更多疑问，欢迎补充详细代码或需求。😊

此回复由 AI 助手自动生成。如有任何问题，我们的团队会尽快跟进。

不行，brushXFIlter还是不行

[github-actions]

@tomatodev 您好！以下是关于您问题的自动回复：

您好，感谢您的反馈和详细描述！

问题分析

您遇到的是在使用 brushXFilter / brushYFilter 或 sliderFilter 过滤后，Y 轴的刻度（ticks/domain）会发生变化，希望能让 Y 轴的刻度保持不变（即固定住 Y 轴的显示范围）。

G2 默认在刷选或滑动过滤时会自适应轴域（domain），以便更好地展示选中的数据，因此 Y 轴会动态变化。如果需要固定 Y 轴刻度，不随过滤变化，可通过配置 轴域（scale） 或关闭 adaptiveMode。

---

解决方案

1. 固定 Y 轴范围（推荐）

通过 scale 配置手动设置 Y 轴 domain，即可强制固定 Y 轴刻度，无论怎么过滤都不会变化：

chart.options({
  scale: {
    y: { domain: [min, max] } // 根据你的数据设定 min/max
  },
  slider: { x: true, y: true }, // 按需设置
  interaction: {
    sliderFilter: {
      adaptiveMode: false // 可配合关闭自适应
    }
  }
});

只需将 min/max 替换为你想要的 Y 轴上下界。

2. 关闭 adaptiveMode

如果你用的是 sliderFilter，可以显式设置：

interaction: {
  sliderFilter: {
    adaptiveMode: false // 不让其他轴自适应
  }
}

但若未手动定义 Y 轴 domain，G2 仍会根据过滤数据自动调整 Y 轴范围，所以推荐配合 scale 设置。

3. brushXFilter / brushYFilter

对于 brushXFilter/brushYFilter，同理，建议配合 scale 固定 Y 轴 domain：

chart.options({
  interaction: {
    brushYFilter: true // 或 brushXFilter
  },
  scale: {
    y: { domain: [min, max] }
  }
});

---

示例代码

import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container'
});

chart.options({
  type: 'line', // 你的图表类型
  data: [/*...*/],
  encode: { x: 'x', y: 'y' },
  interaction: {
    brushYFilter: true
    // 或 sliderFilter: { adaptiveMode: false }
  },
  scale: {
    y: { domain: [0, 200] } // 以200为例，可改为你的实际范围
  }
});

chart.render();

---

总结

• 固定 Y 轴刻度 ⇒ 配置 scale.y.domain
• 关闭自适应 ⇒ sliderFilter.adaptiveMode: false
• 两者结合效果最佳

如还有疑问或特殊场景（如多 view/mark），欢迎补充代码片段或复现链接，我们会进一步协助！

---

参考官方文档：

• sliderFilter 配置
• brushYFilter 配置

---

希望以上方案能帮到您！

---

此回复由 AI 助手自动生成。如有任何问题，我们的团队会尽快跟进。