柱状图不对齐

[YY88Xu]

问题描述

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

const data = [
    {
        "Date":"2023年10月",
        "value":1716,
        key: 'TotalHc'
    },
    {
        "Date":"2023年10月",
        "value":5496,
        key: 'TotalHc'
    },
    {
        "Date":"2023年10月",
        "value":5496,
        key: 'CurrentHc'
    },
    {
        "Date":"2023年10月",
        "value":320,
        key: 'HcPercent'
    },
]

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

chart.data(data)

chart.interval()
.encode('x', 'Date')
.encode('y', 'value')
.encode('color', 'key')
.transform({ type: 'dodgeX' })


chart.interaction('elementHighlight', { background: true })

chart.render();

重现链接

No response

重现步骤

No response

预期行为

No response

平台

• 操作系统: [macOS, Windows, Linux, React Native ...]
• 网页浏览器: [Google Chrome, Safari, Firefox]

屏幕截图或视频（可选）

No response

补充说明（可选）

No response

[pearmini]

每一组里面的 key 必须是唯一的，但数据里面有两个 TotalHC