[Bug] DataZoom & Scrollbar 数据筛选不符合预期

[kkxxkk2019]

Version

latest

Link to Minimal Reproduction

none

Steps to Reproduce

const CONTAINER_ID = 'chart';

const run = async () => {
  const response = await fetch('https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/cars.json');
  const data = await response.json();
  const spec = {
    type: 'scatter',
    xField: 'Miles_per_Gallon',
    yField: 'Horsepower',
    seriesField: 'Origin',
    data: [
      {
        id: 'data',
        values: data.filter(d => d['Horsepower'] && d['Miles_per_Gallon'])
      }
    ],
    dataZoom: [
      {
        orient: 'bottom',
        start: 0,
        end: 0.4,
        visible: false,
        // filterMode: 'axis',
        roamZoom: {
          enable: true
        }
      }
    ],
    axes: [
      {
        title: {
          visible: true,
          text: 'Horse Power'
        },
        orient: 'left',
        type: 'linear'
      },
      {
        title: {
          visible: true,
          text: 'Miles Per Gallon'
        },
        orient: 'bottom',
        label: { visible: true },
        type: 'linear'
      }
    ],
    legends: [{}]
  };
  const vchart = new VChart(spec, { dom: CONTAINER_ID });
  vchart.renderAsync();

  // Just for the convenience of console debugging, DO NOT COPY!
  window['vchart'] = vchart;
};
run();

Current Behavior

REC-20231109160526.mp4

Expected Behavior

fixed

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response