fix(label): 修复label显示错误的问题

[BENcorry]

close: #5960

解决问题

借助图形标注展示总计 label 显示错误

解决办法

原因：label显示问题的主要原因是在处理valueOf时，没有对datum类型的判断导致取值时datum为字符串，value为数字字符串‘3’，结果就是字符串的第三位，显示异常
解决办法：给datum增加类型判断即可

####### Case

import { G2Spec } from '../../../src';

export const data = [
  {
    time: '1991/01',
    value: 0,
    type: 'Lon',
  },
  {
    time: '1992/01',
    value: 4,
    type: 'Lon',
  },
  {
    time: '1993/01',
    value: 3.5,
    type: 'Lon',
  },
  {
    time: '1994/01',
    value: 1,
    type: 'Lon',
  },
  {
    time: '1995/01',
    value: 2,
    type: 'Lon',
  },
  {
    time: '1996/01',
    value: 3,
    type: 'Lon',
  },
  {
    time: '1997/01',
    value: 4,
    type: 'Lon',
  },
  {
    time: '1998/01',
    value: 9,
    type: 'Lon',
  },
  {
    time: '1999/01',
    value: 1,
    type: 'Lon',
  },
  {
    time: '1991/01',
    value: 3,
    type: 'Bor',
  },
  {
    time: '1992/01',
    value: 4,
    type: 'Bor',
  },
  {
    time: '1993/01',
    value: 3.5,
    type: 'Bor',
  },
  {
    time: '1994/01',
    value: 5,
    type: 'Bor',
  },
  {
    time: '1995/01',
    value: 2,
    type: 'Bor',
  },
  {
    time: '1996/01',
    value: 6,
    type: 'Bor',
  },
  {
    time: '1997/01',
    value: 7,
    type: 'Bor',
  },
  {
    time: '1998/01',
    value: 9,
    type: 'Bor',
  },
  {
    time: '1999/01',
    value: 1,
    type: 'Bor',
  },
];

export function stackBarAnnotationStyleText(): G2Spec {
  const groupData = data.reduce((acc, item) => {
    if (acc[item.time]) {
      acc[item.time] = [...acc[item.time], item];
    } else {
      acc[item.time] = [item];
    }
    return acc;
  }, {});

  const annotations = Object.keys(groupData).map((key) => {
    const val = groupData[key].reduce((a, b) => a + b.value, 0);
    console.log('val-=====>', val);
    return {
      type: 'text',
      data: [key, val],
      encode: {
        x: 'time',
        y: 'value',
      },
      style: {
        text: `${val}`,
        textBaseline: 'bottom',
        position: 'top',
        textAlign: 'center',
        fontSize: 14,
        fill: 'rgba(0,0,0,0.85)',
      },
      tooltip: false,
    };
  });
  return {
    type: 'view',
    height: 300,
    width: 640,
    data,
    children: [
      {
        type: 'interval',
        axis: { x: { labelAutoHide: true } },
        encode: {
          x: 'time',
          y: 'value',
          color: 'type',
        },
        transform: [
          {
            type: 'stackY',
          },
        ],
        labels: [
          {
            text: 'value',
            textBaseline: 'bottom',
            position: 'inside',
          },
        ],
      },
      ...annotations,
    ],
  };
}

处理前

处理后

[BENcorry]

比较奇怪我本地测试能过，github CI过不了

[coveralls]

Pull Request Test Coverage Report for Build 8673974096

Details

• 2 of 2 (100.0%) changed or added relevant lines in 1 file are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage increased (+0.003%) to 86.431%

---

Totals
Change from base Build 8611256665:	0.003%
Covered Lines:	10290
Relevant Lines:	11533

---

💛 - Coveralls

[BENcorry]

比较奇怪我本地测试能过，github CI过不了

node版本必须和ci环境一致才行，16.20.2

[pearmini]

LGTM，解决的很简洁！