fix(area): one missing point (#5229)

antvis · Jun 25, 2023 · 4977031 · 4977031
1 parent 3eb6b61
commit 4977031
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 1 deletion.
diff --git a/__tests__/integration/snapshots/static/mockAreaMissingData.png b/__tests__/integration/snapshots/static/mockAreaMissingData.png
diff --git a/__tests__/plots/static/index.ts b/__tests__/plots/static/index.ts
@@ -264,3 +264,4 @@ export { weatherLineMultiAxesLegend } from './weather-line-multi-axes-legend';
 export { population2015IntervalDonutTextAnnotationInset } from './population2015-interval-donut-text-annotation-inset';
 export { stocksLineSeriesGradient } from './stocks-line-series-gradient';
 export { aaplLineMissingDataTrial } from './aapl-line-missing-data-trial';
+export { mockAreaMissingData } from './mock-area-missing-data';
diff --git a/__tests__/plots/static/mock-area-missing-data.ts b/__tests__/plots/static/mock-area-missing-data.ts
@@ -0,0 +1,19 @@
+import { G2Spec } from '../../../src';
+
+export function mockAreaMissingData(): G2Spec {
+  return {
+    type: 'area',
+    padding: 'auto',
+    data: [
+      { province: 'A', city: 'a', categories: 'Q1', gross: null },
+      { province: 'B', city: 'b', categories: 'Q2', gross: 2610.5 },
+      { province: 'B', city: 'c', categories: 'Q2', gross: 417.23 },
+    ],
+    encode: {
+      x: 'city',
+      y: 'gross',
+      shape: 'smooth',
+      color: (d) => `${d.province}+${d.categories}`,
+    },
+  };
+}
diff --git a/src/shape/area/curve.ts b/src/shape/area/curve.ts
@@ -107,7 +107,7 @@ export const Curve: SC<CurveOptions> = (options, context) => {
 
     const getPathNode = (path) => {
       return select(document.createElement('path', {}))
-        .style('d', path)
+        .style('d', path || '')
         .call(applyStyle, finalStyle)
         .node();
     };