给 rangeX 和 rangeY 增加 data 语法糖 #5803

AntV Open Source Contribution Plan（可选）

• 我同意将这个 Issue 参与 OSCP 计划

Issue 类型

中级任务

任务介绍

使得 rangeX 支持以下的语法，解决 https://github.com/antvis/G2/issues/4572 提到的第一个问题。

<img src="https://github.com/antvis/G2/assets/49330279/d3c7545b-b041-4d54-b7f3-59b9d6aba834" width=640 />

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

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

chart.data({
  type: 'fetch',
  value:
    'https://gw.alipayobjects.com/os/bmw-prod/551d80c6-a6be-4f3c-a82a-abd739e12977.csv',
});

chart.line().encode('x', 'date').encode('y', 'close');

chart.rangeY().data([350, 600]); // 这样写就可以了

chart.render();

之前的写法：

chart.rangeY().data([[350, 600]]).encode('y', d => d)

思路：添加一个默认的 transform，参考下面的参考说明

参考说明

• 参考原始讨论 issue：https://github.com/antvis/G2/issues/4572
• 参考 line mark 的实现：https://github.com/antvis/G2/blob/44188f7f70012fc37f66e7b4f5324521b455cf8b/src/mark/lineX.ts#L45
• 参考 maybeTupleX 的实现：https://github.com/antvis/G2/blob/44188f7f70012fc37f66e7b4f5324521b455cf8b/src/transform/maybeTupleX.ts#L5