react g2plot 中配置图表标题、x 轴和 y 轴的名称

在使用 React G2Plot 时，可以通过配置来设置图表的标题、X 轴和 Y 轴的名称。首先，在创建图表实例时，可以通过传入配置对象来设置图表的各种属性。以下是一个简单的例子：

import React from 'react';
import { Line } from '@ant-design/charts';

const data = [
  { year: '2018', value: 3 },
  { year: '2019', value: 4 },
  { year: '2020', value: 3.5 },
  { year: '2021', value: 5 },
];

const config = {
  title: {
    visible: true,
    text: '折线图',
  },
  xField: 'year',
  yField: 'value',
};

const Example = () => <Line {...config} data={data} />;

export default Example;

在上面的例子中，我们通过将 `config` 对象传递给 `Line` 组件来配置图表。其中，`title` 属性用于设置图表的标题，`xField` 和 `yField` 分别用于设置 X 轴和 Y 轴的字段名称。我们还可以通过设置 `visible` 属性来控制标题的显示与隐藏，并通过设置 `text` 属性来指定标题的文本内容。

除了上面的例子外，我们还可以在其他类型的图表中配置相应的属性来设置图表的标题、X 轴和 Y 轴的名称。总之，在使用 React G2Plot 时，可以通过简单的配置来轻松设置图表的各种属性，从而实现个性化定制。