柱状图不对齐 #5957

问题描述

<img width="1633" alt="image" src="https://github.com/antvis/G2/assets/14836228/b5fd9389-93c7-42af-a57e-8c4fe54e2cfc">

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