feat(tiny-plot): 迷你图默认开启动画效果 & public 方法提前 (#2196)

antvis · Jan 10, 2021 · 8dd8064 · 8dd8064
1 parent 0788dbf
commit 8dd8064
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 27 deletions.
diff --git a/src/plots/tiny-area/index.ts b/src/plots/tiny-area/index.ts
@@ -11,6 +11,15 @@ export class TinyArea extends Plot<TinyAreaOptions> {
   /** 图表类型 */
   public type: string = 'tiny-area';
 
+  /**
+   * @override
+   * @param data
+   */
+  public changeData(data: TinyAreaOptions['data']) {
+    this.updateOption({ data });
+    this.chart.changeData(getTinyData(data));
+  }
+
   protected getDefaultOptions() {
     return {
       appendPadding: 2,
@@ -26,6 +35,7 @@ export class TinyArea extends Plot<TinyAreaOptions> {
         size: 1,
         color: '#5B8FF9',
       },
+      animation: true,
     };
   }
 
@@ -35,13 +45,4 @@ export class TinyArea extends Plot<TinyAreaOptions> {
   protected getSchemaAdaptor(): Adaptor<TinyAreaOptions> {
     return adaptor;
   }
-
-  /**
-   * @override
-   * @param data
-   */
-  public changeData(data: TinyAreaOptions['data']) {
-    this.updateOption({ data });
-    return this.chart.changeData(getTinyData(data));
-  }
 }
diff --git a/src/plots/tiny-column/index.ts b/src/plots/tiny-column/index.ts
@@ -12,12 +12,22 @@ export class TinyColumn extends Plot<TinyColumnOptions> {
   /** 图表类型 */
   public type: string = 'tiny-column';
 
+  /**
+   * @override
+   * @param data
+   */
+  public changeData(data: TinyColumnOptions['data']) {
+    this.updateOption({ data });
+    this.chart.changeData(getTinyData(data));
+  }
+
   protected getDefaultOptions() {
     return {
       appendPadding: 2,
       tooltip: {
         ...DEFAULT_TOOLTIP_OPTIONS,
       },
+      animation: true,
     };
   }
 
@@ -27,13 +37,4 @@ export class TinyColumn extends Plot<TinyColumnOptions> {
   protected getSchemaAdaptor(): Adaptor<TinyColumnOptions> {
     return adaptor;
   }
-
-  /**
-   * @override
-   * @param data
-   */
-  public changeData(data: TinyColumnOptions['data']) {
-    this.updateOption({ data });
-    this.chart.changeData(getTinyData(data));
-  }
 }
diff --git a/src/plots/tiny-line/index.ts b/src/plots/tiny-line/index.ts
@@ -11,12 +11,22 @@ export class TinyLine extends Plot<TinyLineOptions> {
   /** 图表类型 */
   public type: string = 'tiny-line';
 
+  /**
+   * @override
+   * @param data
+   */
+  public changeData(data: TinyLineOptions['data']) {
+    this.updateOption({ data });
+    this.chart.changeData(getTinyData(data));
+  }
+
   protected getDefaultOptions() {
     return {
       appendPadding: 2,
       tooltip: {
         ...DEFAULT_TOOLTIP_OPTIONS,
       },
+      animation: true,
     };
   }
 
@@ -26,13 +36,4 @@ export class TinyLine extends Plot<TinyLineOptions> {
   protected getSchemaAdaptor(): Adaptor<TinyLineOptions> {
     return adaptor;
   }
-
-  /**
-   * @override
-   * @param data
-   */
-  public changeData(data: TinyLineOptions['data']) {
-    this.updateOption({ data });
-    this.chart.changeData(getTinyData(data));
-  }
 }