feat(rangeX and rangeY): add syntactic sugar for data

[deletenothing]

Checklist

• npm test passes
• benchmarks are included
• commit message follows commit guidelines
• documents are updated

Description of change

解决该issue #5803
添加一个默认的 transform，为rangeX和rangeY增加语法糖，使得可以支持以下写法
chart.rangeY().data([350, 600]); 以及
chart.rangeY().data([[350, 400],[500,600]]);
原写法为：chart.rangeY().data([[350, 600]]).encode('y', d => d)

[pearmini]

很优秀 🤣，下面两个点看看？

• 参考这个 PR feat(mark): add chord mark #5810 添加一下测试案例、文档和官网案例？
• rebase 一下 v5 分支

[hustcc]

凌晨提 PR，太 geek 了~

[deletenothing]

想问一下：

1. 这个的测试案例属于static还是api呢
2. 文档这部分 是需要在原来rangeX 和rangeY的文档里加上该种用法吗
3. 官网案例的话，windows仍然有无法正常显示的问题 不知这个是否解决？这个我需要在此次PR中一起提交吗

[hustcc]

@deletenothing

1. static 就可以了
2. 文档需要加上这个简便的用法
3. window 上的问题可以下一个 pr 帮我们看看，然后顺便提交 DEMO 吧 🙏🏻

[pearmini]

@deletenothing 官网如果还是运行不了的，可以先不加案例，按照 @hustcc 说的即可

[pearmini]

最后一个小问题，这个 PR 的 commits 太长了，并且有重复的，应该是多次 merge
造成的：

本地运行一下：

git rebase v5

其他的都没有问题了！