[Bug] WaterFall chart does not be rendered as expected

[kkxxkk2019]

Version

latest

Link to Minimal Reproduction

none

Steps to Reproduce

const spec = {
type: 'waterfall',
data: {
id: 'id0',
values: [
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Feb4', total: true, value: 45 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Feb11', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': -5 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Feb20', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': 2 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Feb25', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': -2 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Mar4', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': 2 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Mar11', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': 2 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Mar19', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': -2 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Mar26', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': 1 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Apr1', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': 1 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Apr8', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': 1 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Apr15', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': 2 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Apr22', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': 1 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'Apr29', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': -2 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'May', '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb': -1 },
{ '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6': 'total', total: true }
]
},
legends: { visible: true, orient: 'bottom' },
xField: '2f19e6c4-96b5-42a4-8c4c-dd6a83db6ed6',
yField: '8fa59ff8-dd59-4c6f-95c0-4b4899cffccb',
stackLabel: {
valueType: 'absolute',
formatMethod: text => {
return text + '%';
}
},
seriesFieldName: {
total: '总计',
increase: '增加',
decrease: '减少'
},
total: {
type: 'field',
tagField: 'total',
valueField: 'value'
},
axes: [
{
orient: 'left',
range: { min: 30, max: 50 },
title: { visible: true, text: 'favorability' },
label: {
formatMethod: v => {
return v + '%';
}
}
},
{
orient: 'bottom',
label: { visible: true },
type: 'band',
paddingInner: 0.4,
title: { visible: true, text: 'date' }
}
]
};

Current Behavior

Expected Behavior

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response