Merge branch 'main' into dev/add-zero

Author: duxinyue.dxy

.changeset/full-turkeys-sniff.md

@@ -0,0 +1,5 @@
+---
+'@antv/gpt-vis': patch
+---
+
+add waterfall

__tests__/snapshots/waterfall-custom-color.png

@@ -0,0 +1,109 @@
+import { test } from '@playwright/test';
+import { renderChartAndSnapshot } from './utils/renderChartAndSnapshot';
+
+test.use({ viewport: { width: 1200, height: 600 } });
+
+test.describe('Waterfall component tests', () => {
+  test('waterfall', async ({ page }) => {
+    const spec = {
+      type: 'waterfall',
+      data: [
+        { category: '第一季度', value: 6200000 },
+        { category: '第二季度', value: -2600000 },
+        { category: '第三季度', value: 4100000 },
+        { category: '第四季度', value: 3700000 },
+        { category: '总计', isTotal: true },
+      ],
+      axisXTitle: '季度',
+      axisYTitle: '金额',
+      title: 'Waterfall Chart',
+    };
+    await renderChartAndSnapshot(page, spec, 'waterfall.png');
+  });
+
+  test('waterfall-required', async ({ page }) => {
+    const spec = {
+      type: 'waterfall',
+      data: [
+        { category: 'Q1', value: 5000000 },
+        { category: 'Q2', value: -1000000 },
+        { category: 'Q3', value: 3000000 },
+        { category: 'Q4', value: 2000000 },
+        { category: 'Total', isTotal: true },
+      ],
+    };
+    await renderChartAndSnapshot(page, spec, 'waterfall-required.png');
+  });
+
+  test('waterfall-theme-dark', async ({ page }) => {
+    const spec = {
+      type: 'waterfall',
+      data: [
+        { category: 'Q1', value: 6200000 },
+        { category: 'Q2', value: -2600000 },
+        { category: 'Q3', value: 4100000 },
+        { category: 'Q4', value: 3700000 },
+        { category: 'Total', isTotal: true },
+      ],
+      axisXTitle: 'Quarter',
+      axisYTitle: 'Amount',
+      theme: 'dark',
+    };
+    await renderChartAndSnapshot(page, spec, 'waterfall-theme-dark.png');
+  });
+
+  test('waterfall-custom-color', async ({ page }) => {
+    const spec = {
+      type: 'waterfall',
+      data: [
+        { category: 'Q1', value: 6200000 },
+        { category: 'Q2', value: -2600000 },
+        { category: 'Q3', value: 4100000 },
+        { category: 'Q4', value: 3700000 },
+        { category: 'Total', isTotal: true },
+      ],
+      axisXTitle: 'Quarter',
+      axisYTitle: 'Amount',
+      positiveColor: '#00FF00',
+      negativeColor: '#FF0000',
+      totalColor: '#666',
+    };
+    await renderChartAndSnapshot(page, spec, 'waterfall-custom-color.png');
+  });
+
+  test('waterfall-total', async ({ page }) => {
+    const spec = {
+      type: 'waterfall',
+      data: [
+        { category: '第一季度', value: 6200000 },
+        { category: '第二季度', value: 2600000 },
+        { category: '统计', value: 8800000, isTotal: true },
+        { category: '第三季度', value: 4100000 },
+        { category: '第四季度', value: -3700000 },
+        { category: '总计', isTotal: true },
+      ],
+      axisXTitle: 'Quarter',
+      axisYTitle: 'Amount',
+    };
+    await renderChartAndSnapshot(page, spec, 'waterfall-total.png');
+  });
+
+  test('waterfall-intermediate-total', async ({ page }) => {
+    const spec = {
+      type: 'waterfall',
+      data: [
+        { category: '第一季度', value: 120000000 },
+        { category: '第二季度', value: 569000000 },
+        { category: '第三季度', value: 231000000 },
+        { category: '前三季度总计', isIntermediateTotal: true },
+        { category: '第四季度', value: -342000000 },
+        { category: '第五季度', value: -232000000 },
+        { category: '四五季度总计', isIntermediateTotal: true },
+        { category: '总计', isTotal: true },
+      ],
+      axisXTitle: 'Quarter',
+      axisYTitle: 'Amount',
+    };
+    await renderChartAndSnapshot(page, spec, 'waterfall-intermediate-total.png');
+  });
+});