g2plot dualaxes不能加slider ,加上就会折线y轴往下移

对于 g2plot 的 dualaxes，它本身并不支持添加 slider。如果你想要添加 slider 来控制折线图的显示范围，可以考虑使用 g2plot 的其他组件来实现。

一个比较常见的做法是使用 g2plot 的 slider 组件来控制数据的筛选。具体实现可以参考以下代码：

import { Chart, registerShape } from '@antv/g2';
import { Slider } from '@antv/g2plot';

const data = [
  { year: '1991', value: 3 },
  { year: '1992', value: 4 },
  { year: '1993', value: 3.5 },
  { year: '1994', value: 5 },
  { year: '1995', value: 4.9 },
  { year: '1996', value: 6 },
  { year: '1997', value: 7 },
  { year: '1998', value: 9 },
  { year: '1999', value: 13 },
];

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

chart.data(data);

chart.scale({
  value: {
    nice: true,
  },
});

chart.tooltip({
  showCrosshairs: true,
  shared: true,
});

chart.axis('year', {
  tickLine: null,
});

chart.axis('value', {
  position: 'right',
  tickLine: null,
});

chart
  .line()
  .position('year*value')
  .style({
    lineWidth: 2,
  });

const slider = new Slider({
  container: 'slider-container',
  data,
  width: 'auto',
  height: 26,
  xAxis: 'year',
  yAxis: 'value',
  start: 0,
  end: 0.5,
  backgroundChart: {
    type: 'line',
  },
  foregroundChart: {
    type: 'line',
  },
  onChange: ({ startValue, endValue }) => {
    chart.filter('year', (val) => {
      const year = parseInt(val, 10);
      return year >= startValue && year <= endValue;
    });
    chart.render();
  },
});

slider.render();
chart.render();

在这个例子中，我们首先定义了一个折线图，并使用 g2plot 的 slider 组件来控制数据的范围。具体来说，我们通过调节 slider 的 start 和 end 参数来筛选数据，然后在 slider 的 onChange 回调函数中更新折线图的数据范围，并重新渲染图表。

需要注意的是，在使用 slider 组件时，我们需要指定 backgroundChart 和 foregroundChart 参数来分别定义 slider 背景和前景的图表类型。在这个例子中，我们将它们都设置为折线图。这样做的目的是为了让 slider 的滑动区域有一个可视化的效果。

另外，由于我们是在一个折线图上添加 slider，所以需要将折线图的 x 轴和 slider 的 x 轴对应起来。具体来说，我们需要在 slider 的配置中指定 xAxis 参数为 'year'，这样 slider 才能正确地控制折线图的 x 轴。