feat: 新增堆叠分组功能 (#1893)

* feat: 新增堆叠分组功能

* feat: 补充双轴图堆叠分组 line

* fix: tests

* fix: conversation

* fix: 修复 tooltip 偏移

* docs: 打开tooltip

* fix: word

Co-authored-by: liufu.lf <[email protected]>

Author: lxfu1

__tests__/data/common.ts

@@ -48,3 +48,35 @@ export const POSITIVE_NEGATIVE_DATA = [
     value: -470,
   },
 ];
+
+export const MultipleData = [
+  { name: 'London', month: 'Jan.', value: 12.9, type: '语文' },
+  { name: 'London', month: 'Jan.', value: 10.9, type: '数学' },
+  { name: 'London', month: 'Jan.', value: 120.9, type: '英语' },
+  { name: 'Berlin', month: 'Jan.', value: 12.4, type: '美术' },
+  { name: 'Berlin', month: 'Jan.', value: 12.4, type: '线性代数' },
+  { name: 'beijing', month: 'Jan.', value: 12.4, type: '高数' },
+  { name: 'London', month: 'Feb.', value: 2.9, type: '语文' },
+  { name: 'London', month: 'Feb.', value: 5.9, type: '数学' },
+  { name: 'London', month: 'Feb.', value: 10.9, type: '英语' },
+  { name: 'Berlin', month: 'Feb.', value: 22.4, type: '美术' },
+  { name: 'Berlin', month: 'Feb.', value: 32.4, type: '线性代数' },
+  { name: 'beijing', month: 'Feb.', value: 42.4, type: '高数' },
+  { name: 'London', month: 'Mar.', value: 2.9, type: '语文' },
+  { name: 'London', month: 'Mar.', value: 5.9, type: '数学' },
+  { name: 'Berlin', month: 'Mar.', value: 22.4, type: '美术' },
+  { name: 'Berlin', month: 'Mar.', value: 32.4, type: '线性代数' },
+  { name: 'beijing', month: 'Mar.', value: 42.4, type: '高数' },
+];
+
+export const LineData = [
+  { name: '福老师', month: 'Jan.', value: 12.9, type: '美术' },
+  { name: '逍老师', month: 'Jan.', value: 1.4, type: '线性代数' },
+  { name: '新老师', month: 'Jan.', value: 2.4, type: '高数' },
+  { name: '福老师', month: 'Feb.', value: 18.9, type: '美术' },
+  { name: '逍老师', month: 'Feb.', value: 13.4, type: '线性代数' },
+  { name: '新老师', month: 'Feb.', value: 15.4, type: '高数' },
+  { name: '福老师', month: 'Mar.', value: 8.9, type: '美术' },
+  { name: '逍老师', month: 'Mar.', value: 6.4, type: '线性代数' },
+  { name: '新老师', month: 'Mar.', value: 5.4, type: '高数' },
+];

__tests__/unit/plots/bar/stacked-grouped-spec.ts

@@ -0,0 +1,30 @@
+import { Bar } from '../../../../src';
+import { MultipleData } from '../../../data/common';
+import { createDiv } from '../../../utils/dom';
+
+describe('Bar stacked grouped', () => {
+  it('stacked grouped', () => {
+    const bar = new Bar(createDiv(), {
+      width: 400,
+      height: 300,
+      data: MultipleData,
+      xField: 'value',
+      yField: 'month',
+      isGroup: true,
+      isStack: true,
+      seriesField: 'type',
+      groupField: 'name',
+    });
+
+    bar.render();
+
+    const geometry = bar.chart.geometries[0];
+    const elements = geometry.elements;
+    // @ts-ignore
+    const adjusts = geometry.adjusts;
+    expect(adjusts.dodge.dodgeBy).toBe('name');
+    expect(adjusts.stack.xField).toBe('month');
+    expect(elements.length).toBe(17);
+    bar.destroy();
+  });
+});

__tests__/unit/plots/column/stack-group-spec.ts

@@ -0,0 +1,30 @@
+import { Column } from '../../../../src';
+import { MultipleData } from '../../../data/common';
+import { createDiv } from '../../../utils/dom';
+
+describe('column stacked grouped', () => {
+  it('stacked grouped', () => {
+    const column = new Column(createDiv(), {
+      width: 400,
+      height: 300,
+      data: MultipleData,
+      xField: 'month',
+      yField: 'value',
+      isGroup: true,
+      isStack: true,
+      seriesField: 'type',
+      groupField: 'name',
+    });
+
+    column.render();
+
+    const geometry = column.chart.geometries[0];
+    const elements = geometry.elements;
+    // @ts-ignore
+    const adjusts = geometry.adjusts;
+    expect(adjusts.dodge.dodgeBy).toBe('name');
+    expect(adjusts.stack.xField).toBe('month');
+    expect(elements.length).toBe(17);
+    column.destroy();
+  });
+});