F2 分组柱状图使用scrollBar 平移只有下面的x轴数字变了，图表内容没有变化

分组柱状图使用scrollBar 平移只有下面的x轴数字变了，图表内容没有变化

Open wisdom1314 opened this issue 2 years ago • 5 comments

[ ] I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://f2.antv.vision/zh/examples/column/dodge#dodge

Steps to reproduce

/// 数据 data: [ { name: 'frist', year: '1951 年', sales: 38, }, { name: 'frist', year: '1952 年', sales: 52, }, { name: 'frist', year: '1956 年', sales: 61, }, { name: 'frist', year: '1957 年', sales: 145, }, { name: 'frist', year: '1958 年', sales: 48, }, { name: 'frist', year: '1959 年', sales: 38, }, { name: 'frist', year: '1960 年', sales: 38, }, { name: 'frist', year: '1962 年', sales: 38, },

  {
    name: 'second',
    year: '1951 年',
    sales: 30,
  },
  {
    name: 'second',
    year: '1952 年',
    sales: 12,
  },
  {
    name: 'second',
    year: '1956 年',
    sales: 31,
  },
  {
    name: 'second',
    year: '1957 年',
    sales: 105,
  },
  {
    name: 'second',
    year: '1958 年',
    sales: 418,
  },
  {
    name: 'second',
    year: '1959 年',
    sales: 18,
  },
  {
    name: 'second',
    year: '1960 年',
    sales: 118,
  },
  {
    name: 'second',
    year: '1962 年',
    sales: 28,
  },
]

]

/// 绘图 return ( <Chart data={data} scale={{ sales: { tickCount: 5, },

  }}>
  <Axis field="year" />
  <Axis field="sales" />
  <Interval x="year" y="sales" color="name" adjust={{ type: 'dodge', marginRatio: 0.05 }} />
  <ScrollBar mode="x" range={[0, 0.8]} autoFit={true} visible={true} pan={true}/>
</Chart>

)