@ant-design/plots Mix 怎么共用一个轴

如果你想在 Mix 图表中共用一个轴，需要注意以下几点：

1. 需要确保不同的图表类型使用的是相同的数据源，并且数据结构也是相同的。

2. 在 Mix 图表中使用 `scale` 方法创建轴时，需要设置 `sync` 属性为 `true`，以确保不同的图表类型使用的是相同的轴。

例如，假设你想在一个 Mix 图表中同时展示柱状图和线图，并且共用一个 x 轴。可以按照以下步骤操作：

1. 创建数据源，确保数据结构相同。

const data = [
  { x: 'Jan', y: 100, type: 'bar' },
  { x: 'Feb', y: 200, type: 'bar' },
  { x: 'Mar', y: 150, type: 'bar' },
  { x: 'Jan', y: 50, type: 'line' },
  { x: 'Feb', y: 100, type: 'line' },
  { x: 'Mar', y: 75, type: 'line' },
];

2. 创建 Mix 图表，并使用 `scale` 方法创建 x 轴和 y 轴，设置 `sync` 为 `true`。

import { Chart, Bar, Line, Scale } from '@ant-design/charts';

const Demo = () => {
  const config = {
    data,
    xField: 'x',
    yField: 'y',
    seriesField: 'type',
    yAxis: {
      sync: true,
    },
    geometries: [
      { type: 'interval', position: 'x*y', adjust: { type: 'dodge' } },
      { type: 'line', position: 'x*y' },
    ],
    scales: {
      x: {
        sync: true,
      },
      y: {
        sync: true,
      },
    },
  };

  return <Chart {...config} />;
}

这样，就可以在同一个图表中展示不同类型的数据，并且共用一个轴了。