fix: label formatter callback params

[pepper-nice]

ref: #5069

描述

label formatter 函数传入更多参数供业务层识别。

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

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

chart
  .interval()
  .data({
    type: 'fetch',
    value:
      'https://gw.alipayobjects.com/os/bmw-prod/f129b517-158d-41a9-83a3-3294d639b39e.csv',
    format: 'csv',
  })
  .transform({ type: 'stackY' })
  .transform({ type: 'sortX', by: 'y', reverse: true })
  .encode('x', 'state')
  .encode('y', 'population')
  .encode('color', 'age')
  .axis('x', {
    labelSpacing: 4,
    style: {
      labelTransform: 'rotate(90)',
    },
  })
  .axis('y', { labelFormatter: '~s' })
  .label({
    text: 'population',
    formatter: (value, datum, index) => {
      // 1. 根据 index 匹配 formattedData
      // 2. 根据 data 信息得到不同数据的 formatter
    }
  });

chart.render();

[pearmini]

加测试和文档。

[hustcc]

axis、legend、slider、scrollbar、tooltip 等组件都改成同样的签名吧。

formatter: (text, datum, idx, data) => string;

可以先检查一下，然后可以分多个 pr 搞吧~