fix(bar): adjust default legend and tooltip order

__tests__/unit/plots/bar/index-spec.ts

@@ -365,4 +365,40 @@ describe('bar', () => {
     expect(theme.defaultColor).toBe('#FF6B3B');
     expect(theme.columnWidthRatio).toBe(0.1);
   });
+
+  it('legend/tooltip reversed, grouped', () => {
+    const bar = new Bar(createDiv('group'), {
+      width: 300,
+      height: 400,
+      data: subSalesByArea,
+      yField: 'area',
+      xField: 'sales',
+      seriesField: 'series',
+      isGroup: true,
+    });
+    bar.render();
+
+    // @ts-ignore
+    expect(bar.chart.getOptions().legends['series'].reversed).toBe(true);
+    // @ts-ignore
+    expect(bar.chart.getOptions().tooltip.reversed).toBe(true);
+  });
+
+  it('legend/tooltip reversed, stacked', () => {
+    const bar = new Bar(createDiv('group'), {
+      width: 300,
+      height: 400,
+      data: subSalesByArea,
+      yField: 'area',
+      xField: 'sales',
+      seriesField: 'series',
+      isStack: true,
+    });
+    bar.render();
+
+    // @ts-ignore
+    expect(bar.chart.getOptions().legends['series'].reversed).toBe(false);
+    // @ts-ignore
+    expect(bar.chart.getOptions().tooltip?.reversed).toBe(false);
+  });
 });

package.json

@@ -55,7 +55,7 @@
   },
   "dependencies": {
     "@antv/event-emitter": "^0.1.2",
-    "@antv/g2": "^4.1.0-beta.21",
+    "@antv/g2": "^4.1.0",
     "d3-hierarchy": "^2.0.0",
     "d3-regression": "^1.3.5",
     "dayjs": "^1.8.36",

src/plots/bar/adaptor.ts

@@ -22,7 +22,8 @@ export function adaptor(params: Params<BarOptions>) {
     if (legend !== false) {
       legend = {
         position: isStack ? 'top-left' : 'right-top',
-        ...legend,
+        reversed: isStack ? false : true,
+        ...(legend || {}),
       };
     }
   } else {
@@ -31,6 +32,19 @@ export function adaptor(params: Params<BarOptions>) {
   // @ts-ignore 直接改值
   params.options.legend = legend;
 
+  // 默认 tooltip 配置
+  let { tooltip } = options;
+  if (seriesField) {
+    if (tooltip !== false) {
+      tooltip = {
+        reversed: isStack ? false : true,
+        ...(tooltip || {}),
+      };
+    }
+  }
+  // @ts-ignore 直接改值
+  params.options.tooltip = tooltip;
+
   // transpose column to bar
   chart.coordinate().transpose();