brush-x interaction can't handle drag outside of chart area. #2449

<!-- Thank you for reporting an issue. 1. It's RECOMMENDED to submit PR for typo or tiny bug fix. 2. If this's a FEATURE request, please provide: details, pseudo codes if necessary. 3. If this's a BUG, please provide: course repetition, error log and configuration. Fill in as much of the template below as you're able. 4. It will be nice to use to provide a CodePen Link which can reproduce the issue, we provide a CodePen template g2-github-issue. 感谢您向我们反馈问题。 1. 提交问题前，请先阅读 https://antv.alipay.com/zh-cn/g2/3.x/index.html 上的文档。 2. 我们推荐如果是小问题（错别字修改，小的 bug fix）直接提交 PR。 3. 如果是一个新需求，请提供：详细需求描述，最好是有伪代码实现。 4. 如果是一个 BUG，请提供：复现步骤，错误日志以及相关配置，并尽量填写下面的模板中的条目。 5. 如果可以，请提供尽可能精简的 CodePen 链接，可使用 CodePen 模板 https://codepen.io/leungwensen/pen/WXJgox，方便我们排查问题。 6. 扩展阅读：如何向开源项目提交无法解答的问题 -->

• G2 Version:4.0.2
• Platform: Google Chrome
• Example: any brush example on your examples page.

<!-- Enter your issue details below this comment. -->

The most interesting part of a line chart, is always the latest data.

The part I want to zoom in on, is maybe the last 10 data points out of 1,000. But this seems to be virtually impossible with the brush-x interaction.

When you start a brush drag inside the chart, and then drag to the end of the chart, when you hit the edge of the chart the brush just fails and nothing happens.

As a user I would expect it to zoom from the area I started until the end if my cursor passes the edge of the chart area while selecting my zoom.

This is a dealbreaker for me to use G2, Please please fix this. It seems all other chart libraries can handle this scenario except G2.

I don't want to use the "Slider" interaction.