修复折线图类型错误 & 调整默认 autoHide 配置 (#2109)

* fix: 调整默认的 autoHide 配置

* fix: 修复折线图类型定义

* fix: fix histogram axis unit test

* fix: fix histogram axis unit test

Author: lessmost

__tests__/unit/core/index-spec.ts

@@ -211,12 +211,61 @@ describe('core', () => {
       xField: 'date',
       yField: 'value',
     });
-
-    line.render();
-
     expect(container.dataset.chartSourceType).toBe('G2Plot');
     line.destroy();
 
     expect(container.dataset.chartSourceType).toBe(undefined);
   });
+
+  it('default autoHide', () => {
+    const line = new Line(createDiv(''), {
+      data: partySupport.filter((o) => o.type === 'FF'),
+      xField: 'date',
+      yField: 'value',
+    });
+
+    line.render();
+
+    expect(line.chart.getOptions().axes['date'].label.autoRotate).toBe(false);
+    expect(line.chart.getOptions().axes['date'].label.autoHide).toEqual({
+      type: 'equidistance',
+      cfg: {
+        minGap: 6,
+      },
+    });
+
+    line.update({
+      xAxis: {
+        label: {
+          autoHide: {
+            type: 'equidistance',
+            cfg: {
+              minGap: 12,
+            },
+          },
+        },
+      },
+    });
+    line.render();
+    expect(line.chart.getOptions().axes['date'].label.autoRotate).toBe(false);
+    expect(line.chart.getOptions().axes['date'].label.autoHide).toEqual({
+      type: 'equidistance',
+      cfg: {
+        minGap: 12,
+      },
+    });
+
+    line.update({
+      xAxis: {
+        label: {
+          autoHide: false,
+        },
+      },
+    });
+    line.render();
+    expect(line.chart.getOptions().axes['date'].label.autoRotate).toBe(false);
+    expect(line.chart.getOptions().axes['date'].label.autoHide).toBe(false);
+
+    line.destroy();
+  });
 });

__tests__/unit/plots/histogram/axis-spec.ts

@@ -112,7 +112,12 @@ describe('Histogram: axis', () => {
     expect(histogram.chart.options.axes.range).toEqual({
       nice: true,
       label: {
-        autoHide: true,
+        autoHide: {
+          type: 'equidistance',
+          cfg: {
+            minGap: 6,
+          },
+        },
         autoRotate: false,
       },
     });

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

@@ -36,7 +36,12 @@ describe('histogram', () => {
     expect(histogram.chart.options.axes.range).toEqual({
       nice: true,
       label: {
-        autoHide: true,
+        autoHide: {
+          type: 'equidistance',
+          cfg: {
+            minGap: 6,
+          },
+        },
         autoRotate: false,
       },
     });

src/core/plot.ts

@@ -118,7 +118,7 @@ export abstract class Plot<O extends PickOptions> extends EE {
         nice: true,
         label: {
           autoRotate: false,
-          autoHide: true,
+          autoHide: { type: 'equidistance', cfg: { minGap: 6 } },
         },
       },
       yAxis: {

src/plots/line/types.ts

@@ -19,7 +19,7 @@ export interface LineOptions extends Options {
   /** 折线图形样式 */
   readonly lineStyle?: StyleAttr;
   /** 折线 shape 配置 */
-  readonly lineShape?: LineGeometryOptions['line']['shape'];
+  readonly lineShape?: Required<LineGeometryOptions>['line']['shape'];
   /** 折线数据点图形样式 */
   readonly point?: PointGeometryOptions['point'];
 }