antv g2plot 2.4.7版本画折柱图

您好，以下是使用 G2Plot 2.4.7 版本画折柱图的一个简单示例：

import { Line, Column } from '@antv/g2plot';

const data = [
  { year: '1951 年', sales: 38 },
  { year: '1952 年', sales: 52 },
  { year: '1956 年', sales: 61 },
  { year: '1957 年', sales: 145 },
  { year: '1958 年', sales: 48 },
  { year: '1959 年', sales: 38 },
  { year: '1960 年', sales: 38 },
  { year: '1962 年', sales: 38 },
];

const plot = new Line('container', {
  data,
  xField: 'year',
  yField: 'sales',
});

plot.render();

const plot2 = new Column('container', {
  data,
  xField: 'year',
  yField: 'sales',
  seriesField: 'year',
  columnWidthRatio: 0.4,
});

plot2.render();

在上述代码中，我们先创建了一个折线图，然后再在同一个容器中创建了一个柱状图。其中，折线图的数据源是 `data`，`xField` 设置为 `year`，`yField` 设置为 `sales`。柱状图的数据源和 `xField`、`yField` 设置同折线图一致，`seriesField` 设置为 `year`，表示将折柱图按照年份进行区分。`columnWidthRatio` 设置为 `0.4`，表示柱状图的宽度占比为 0.4。最后，分别调用 `render` 方法即可渲染出折柱图。