antv g2plot 的slider的把前景色和背景色都设置透明,会有一条灰线,不能用theme

如果您想要在 antv g2plot 的 slider 中将前景色和背景色都设置为透明，但是发现出现了一条灰线，可能是因为默认情况下，slider 组件会自动添加一条默认的背景轨道。您可以通过设置 `backgroundContainer` 属性来控制背景轨道的样式。以下是一个示例代码，可以将背景轨道的颜色和透明度都设置为0:

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

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

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 },
];

chart.data(data);
chart.scale({
  year: {
    range: [0, 1],
  },
  value: {
    min: 0,
    max: 15,
  },
});

const slider = new Slider({
  container: 'slider',
  width: 'auto',
  height: 26,
  start: 0.4,
  end: 0.6,
  xAxis: 'year',
  backgroundContainer: {
    style: {
      fill: 'transparent',
      stroke: 'transparent',
    },
  },
});

slider.bind(chart);

chart.line().position('year*value');

chart.render();

在上述代码中，通过设置 `backgroundContainer` 属性的样式为 `{ fill: 'transparent', stroke: 'transparent' }` 来将背景轨道的颜色和透明度都设置为0。这样就可以去掉灰线了。