fix(column): 修复百分比柱状图 总和为零时的 bug

Author: ai-qing-hai

__tests__/bugs/issue-3085-spec.ts

@@ -0,0 +1,46 @@
+import { Column } from '../../src';
+import { createDiv } from '../utils/dom';
+
+describe('#3085', () => {
+  it('Column sum', () => {
+    const data = [
+      {
+        country: 'Asia',
+        year: '1750',
+        value: 502,
+      },
+      {
+        country: 'Ar',
+        year: '1750',
+        value: -502,
+      },
+    ];
+
+    const column = new Column(createDiv(), {
+      data,
+      xField: 'year',
+      yField: 'value',
+      seriesField: 'country',
+      isPercent: true,
+      isStack: true,
+    });
+
+    column.render();
+    column.update(column.options);
+
+    expect(column.chart.getOptions().data).toEqual([
+      {
+        country: 'Asia',
+        year: '1750',
+        value: 0,
+      },
+      {
+        country: 'Ar',
+        year: '1750',
+        value: 0,
+      },
+    ]);
+
+    column.destroy();
+  });
+});

src/utils/transform/percent.ts

@@ -31,7 +31,7 @@ export function percent(data: Data, measure: string, groupField: string, as: str
   return map(data, (datum: Datum) => {
     const v = datum[measure];
     const groupValue = datum[groupField];
-    const percentage = isRealNumber(v) ? v / sumMap.get(groupValue) : 0;
+    const percentage = isRealNumber(v) && sumMap.get(groupValue) !== 0 ? v / sumMap.get(groupValue) : 0;
 
     return {
       ...datum,
@@ -72,7 +72,7 @@ export function getDeepPercent(data: Record<string, any>[], measure: string, fie
     // 获取分组得到的枚举key值
     const groupValue = reduce(fields, (value, field) => `${value}${datum[field]}`, '');
 
-    const percentage = isRealNumber(v) ? v / sumMap.get(groupValue) : 0;
+    const percentage = isRealNumber(v) && sumMap.get(groupValue) !== 0 ? v / sumMap.get(groupValue) : 0;
 
     return {
       ...datum,