在 antv/G2 4.1.46 版本中， 怎么实现缩略轴,并且他的handler是圆形,可以拥有自定义样式

在 antv/G2 4.1.46 版本中，可以通过添加缩略轴组件来实现缩略轴，同时可以通过设置 handler 的 symbol 属性为 'circle' 来使其呈现圆形。

以下是一个简单的示例代码：

import { Chart, Axis, Tooltip, Interval, Slider } from '@antv/g2';

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: 500,
});

chart.data(data);

chart.scale({
  year: {
    range: [0, 1],
  },
  value: {
    nice: true,
  },
});

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

chart.axis('value', {
  label: null,
  title: null,
  line: null,
});

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

chart
  .interval()
  .position('year*value')
  .color('#1890ff');

const slider = new Slider({
  container: 'slider',
  width: 'auto',
  height: 26,
  padding: [0, 30, 0, 30],
  start: 0,
  end: 1,
  data,
  xAxis: 'year',
  yAxis: 'value',
  backgroundChart: {
    type: 'line',
  },
  handlerStyle: {
    symbol: 'circle',
  },
});

slider.render();

chart.interaction('element-active');

chart.render();

在上面的代码中，我们通过 `new Slider()` 方法创建了一个 Slider 组件，并将其渲染到页面上。在 Slider 组件的配置中，我们设置了 `handlerStyle` 属性的 `symbol` 值为 'circle'，从而使 handler 呈现圆形。同时，我们还设置了 `backgroundChart` 属性的 `type` 值为 'line'，从而使缩略轴呈现折线图的形式。

你可以在该示例中修改数据和样式来满足自己的需求。