Merge pull request #3721 from VisActor/feat/support-stack-inverse-in-…

…waterfall Feat/support stack inverse in waterfall
VisActor · Feb 12, 2025 · f1a9aaa · f1a9aaa
2 parents 3a09d67 + d66ca30
commit f1a9aaa
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 4 deletions.
diff --git a/...on/changes/@visactor/vchart/feat-support-stack-inverse-in-waterfall_2025-02-11-08-07.json b/...on/changes/@visactor/vchart/feat-support-stack-inverse-in-waterfall_2025-02-11-08-07.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "feat: support stackInverse for waterfall chart\n\n",
+      "type": "none",
+      "packageName": "@visactor/vchart"
+    }
+  ],
+  "packageName": "@visactor/vchart",
+  "email": "[email protected]"
+}
diff --git a/packages/vchart/__tests__/runtime/browser/index.page.ts b/packages/vchart/__tests__/runtime/browser/index.page.ts
@@ -3,5 +3,5 @@
  */
 
 // import VChart from '../../../src';
-import './index.page.local';
+import './index.page.local.ts';
 // window['VChart'] = VChart;
diff --git a/packages/vchart/src/data/transforms/waterfall.ts b/packages/vchart/src/data/transforms/waterfall.ts
@@ -34,6 +34,7 @@ export interface IWaterfallOpt {
     increase: string;
     decrease: string;
   };
+  stackInverse: boolean;
   groupData: () => DataView;
 }
 
@@ -77,7 +78,7 @@ export const waterfall = (lastData: Array<Datum>, op: IWaterfallOpt) => {
       negative: temp.end
     };
 
-    const indexData = dimensionData[key];
+    const indexData = op.stackInverse === true ? dimensionData[key].reverse() : dimensionData[key];
     indexData?.forEach((d, i) => {
       if (i === indexData.length - 1) {
         d[STACK_FIELD_TOTAL_TOP] = true;

diff --git a/packages/vchart/src/series/waterfall/waterfall.ts b/packages/vchart/src/series/waterfall/waterfall.ts
@@ -100,7 +100,8 @@ export class WaterfallSeries<T extends IWaterfallSeriesSpec = IWaterfallSeriesSp
             valueField: this.getStackValueField(),
             seriesField: this.getSeriesField(),
             seriesFieldName: this._theme.seriesFieldName,
-            total: this._spec.total
+            total: this._spec.total,
+            stackInverse: this.getRegion().getStackInverse()
           }
         },
         false
@@ -123,7 +124,8 @@ export class WaterfallSeries<T extends IWaterfallSeriesSpec = IWaterfallSeriesSp
           startAs: STACK_FIELD_START,
           endAs: STACK_FIELD_END,
           total: this._spec.total,
-          groupData: () => this.getGroups().groupData
+          groupData: () => this.getGroups().groupData,
+          stackInverse: this.getRegion().getStackInverse()
         }
       },
       false