fix(#2203): crash when percent = NaN (#2211)

Author: hustcc

__tests__/bugs/issue-2203-spec.ts

@@ -0,0 +1,34 @@
+import { RingProgress, Progress } from '../../src';
+import { createDiv } from '../utils/dom';
+
+describe('#2203', () => {
+  it('ringProgress', () => {
+    const ringProgress = new RingProgress(createDiv(), {
+      height: 100,
+      width: 100,
+      autoFit: false,
+      percent: NaN,
+      color: ['#5B8FF9', '#E8EDF3'],
+    });
+
+    ringProgress.render();
+
+    expect(ringProgress.chart.getOptions().data[0].percent).toBe(0);
+    ringProgress.destroy();
+  });
+
+  it('Progress', () => {
+    const progress = new Progress(createDiv(), {
+      height: 10,
+      width: 100,
+      autoFit: false,
+      percent: NaN,
+      color: ['#5B8FF9', '#E8EDF3'],
+    });
+
+    progress.render();
+
+    expect(progress.chart.getOptions().data[0].percent).toBe(0);
+    progress.destroy();
+  });
+});

__tests__/unit/plots/progress/utils-spec.ts

@@ -0,0 +1,40 @@
+import { getProgressData } from '../../../../src/plots/progress/utils';
+
+describe('getProgressData', () => {
+  it('getProgressData', () => {
+    expect(getProgressData(0)).toEqual([
+      { type: 'current', percent: 0 },
+      { type: 'target', percent: 1 },
+    ]);
+
+    expect(getProgressData(1)).toEqual([
+      { type: 'current', percent: 1 },
+      { type: 'target', percent: 0 },
+    ]);
+
+    expect(getProgressData(0.4)).toEqual([
+      { type: 'current', percent: 0.4 },
+      { type: 'target', percent: 0.6 },
+    ]);
+
+    expect(getProgressData(-1)).toEqual([
+      { type: 'current', percent: 0 },
+      { type: 'target', percent: 1 },
+    ]);
+
+    expect(getProgressData(2)).toEqual([
+      { type: 'current', percent: 1 },
+      { type: 'target', percent: 0 },
+    ]);
+
+    expect(getProgressData(NaN)).toEqual([
+      { type: 'current', percent: 0 },
+      { type: 'target', percent: 1 },
+    ]);
+
+    expect(getProgressData(null)).toEqual([
+      { type: 'current', percent: 0 },
+      { type: 'target', percent: 1 },
+    ]);
+  });
+});

src/plots/progress/utils.ts

@@ -1,10 +1,11 @@
 import { clamp } from '@antv/util';
+import { isRealNumber } from '../../utils/number';
 
 /**
  * 获取进度条数据
  */
 export function getProgressData(percent: number) {
-  const clampPercent = clamp(percent, 0, 1);
+  const clampPercent = clamp(isRealNumber(percent) ? percent : 0, 0, 1);
   return [
     {
       type: 'current',