fix: 统一线与面积的平滑采样曲线

__tests__/plots/static/index.ts

@@ -307,3 +307,4 @@ export { mockLineCloseX } from './mock-line-close-x';
 export { premierLeagueTable } from './premier-league-table';
 export { singlePointBasic } from './single-point-basic';
 export { populationFlowChordDefault } from './population-flow-chord-default';
+export { mockLineAreaSmooth } from './mock-line-area-smooth';

__tests__/plots/static/mock-line-area-smooth.ts

@@ -0,0 +1,50 @@
+import { G2Spec } from '../../../src';
+
+export function mockLineAreaSmooth(): G2Spec {
+  return {
+    type: 'view',
+    data: [
+      { date: '2-1', close: 1200 },
+      { date: '2-2', close: 400 },
+      { date: '2-3', close: 600 },
+      { date: '2-4', close: 800 },
+      { date: '2-5', close: 420 },
+      { date: '2-6', close: 1120 },
+    ],
+    children: [
+      {
+        type: 'area',
+        encode: {
+          x: 'date',
+          y: 'close',
+          shape: 'smooth',
+        },
+        transform: [
+          {
+            type: 'sample',
+            thresholds: 100,
+            strategy: 'lttb',
+          },
+        ],
+        style: {
+          fillOpacity: 0.5,
+        },
+      },
+      {
+        type: 'line',
+        encode: {
+          x: 'date',
+          y: 'close',
+          shape: 'smooth',
+        },
+        transform: [
+          {
+            type: 'sample',
+            thresholds: 100,
+            strategy: 'lttb',
+          },
+        ],
+      },
+    ],
+  };
+}

site/docs/spec/mark/area.zh.md

@@ -73,11 +73,7 @@ chart.render();
 
 ### smooth
 
-除了 `area` 相同配置之外，额外增加下面的属性。
-
-| 属性  | 描述                    | 类型     | 默认值 |
-| ----- | ----------------------- | -------- | ------ |
-| alpha | 平滑曲线的参数（0 ~ 1） | `number` | `0.5`  |
+和 `line` 配置相同。
 
 ### vh
 

site/docs/spec/mark/line.zh.md

@@ -66,11 +66,7 @@ chart.render();
 
 ### smooth
 
-除了 `line` 相同配置之外，额外增加下面的属性。
-
-| 属性  | 描述                    | 类型     | 默认值 |
-| ----- | ----------------------- | -------- | ------ |
-| alpha | 平滑曲线的参数（0 ~ 1） | `number` | `0.5`  |
+和 `line` 配置相同。
 
 ### vh
 

src/shape/area/smooth.ts

@@ -1,18 +1,25 @@
-import { curveCatmullRomClosed, curveCatmullRom } from 'd3-shape';
-import { isPolar } from '../../utils/coordinate';
+import {
+  curveCatmullRomClosed,
+  curveMonotoneY,
+  curveMonotoneX,
+  curveCatmullRom,
+} from 'd3-shape';
+import { isPolar, isTranspose } from '../../utils/coordinate';
 import { ShapeComponent as SC } from '../../runtime';
 import { Curve } from './curve';
 
-export type SmoothOptions = {
-  alpha?: number;
-};
+export type SmoothOptions = Record<string, any>;
 
 export const Smooth: SC<SmoothOptions> = (options, context) => {
-  const { alpha = 0.5, ...rest } = options;
+  const { ...rest } = options;
   const { coordinate } = context;
   return (...params) => {
-    const curve = isPolar(coordinate) ? curveCatmullRomClosed : curveCatmullRom;
-    return Curve({ curve: curve.alpha(alpha), ...rest }, context)(...params);
+    const curve = isPolar(coordinate)
+      ? curveCatmullRomClosed
+      : isTranspose(coordinate)
+      ? curveMonotoneY
+      : curveMonotoneX;
+    return Curve({ curve, ...rest }, context)(...params);
   };
 };
 

src/shape/line/smooth.ts

@@ -7,20 +7,18 @@ import { isPolar, isTranspose } from '../../utils/coordinate';
 import { ShapeComponent as SC } from '../../runtime';
 import { Curve } from './curve';
 
-export type SmoothOptions = {
-  alpha?: number;
-};
+export type SmoothOptions = Record<string, any>;
 
 export const Smooth: SC<SmoothOptions> = (options, context) => {
-  const { alpha = 0.5, ...rest } = options;
+  const { ...rest } = options;
   const { coordinate } = context;
   return (...params) => {
     const curve = isPolar(coordinate)
       ? curveCatmullRomClosed
       : isTranspose(coordinate)
       ? curveMonotoneY
       : curveMonotoneX;
-    return Curve({ curve: curve, ...rest }, context)(...params);
+    return Curve({ curve, ...rest }, context)(...params);
   };
 };