docs: update demo

antvis · Jun 22, 2022 · ea18551 · ea18551
1 parent 68ccd8d
commit ea18551
Show file tree

Hide file tree

Showing 2 changed files with 103 additions and 106 deletions.
diff --git a/examples/dynamic-plots/brush/demo/advanced-brush3.ts b/examples/dynamic-plots/brush/demo/advanced-brush3.ts
@@ -1,110 +1,107 @@
 import { Column } from '@antv/g2plot';
 
-describe('Brush', () => {
-  it('', () => {
-    const data = [
-      {
-        name: 'London',
-        月份: 'Jan.',
-        月均降雨量: 18.9,
-      },
-      {
-        name: 'London',
-        月份: 'Feb.',
-        月均降雨量: 28.8,
-      },
-      {
-        name: 'London',
-        月份: 'Mar.',
-        月均降雨量: 39.3,
-      },
-      {
-        name: 'London',
-        月份: 'Apr.',
-        月均降雨量: 81.4,
-      },
-      {
-        name: 'London',
-        月份: 'May',
-        月均降雨量: 47,
-      },
-      {
-        name: 'London',
-        月份: 'Jun.',
-        月均降雨量: 20.3,
-      },
-      {
-        name: 'London',
-        月份: 'Jul.',
-        月均降雨量: 24,
-      },
-      {
-        name: 'London',
-        月份: 'Aug.',
-        月均降雨量: 35.6,
-      },
-      {
-        name: 'Berlin',
-        月份: 'Jan.',
-        月均降雨量: 12.4,
-      },
-      {
-        name: 'Berlin',
-        月份: 'Feb.',
-        月均降雨量: 23.2,
-      },
-      {
-        name: 'Berlin',
-        月份: 'Mar.',
-        月均降雨量: 34.5,
-      },
-      {
-        name: 'Berlin',
-        月份: 'Apr.',
-        月均降雨量: 99.7,
-      },
-      {
-        name: 'Berlin',
-        月份: 'May',
-        月均降雨量: 52.6,
-      },
-      {
-        name: 'Berlin',
-        月份: 'Jun.',
-        月均降雨量: 35.5,
-      },
-      {
-        name: 'Berlin',
-        月份: 'Jul.',
-        月均降雨量: 37.4,
-      },
-      {
-        name: 'Berlin',
-        月份: 'Aug.',
-        月均降雨量: 42.4,
-      },
-    ];
 
-    const plot = new Column('container', {
-      data,
-      isGroup: true,
-      xField: '月份',
-      yField: '月均降雨量',
-      seriesField: 'name',
-      brush: {
-        enabled: true,
-        action: 'highlight',
-        isStartEnable: (context) => {
-          // 按住 shift 键，才能开启交互
-          if (context.event.gEvent.originalEvent?.shiftKey) {
-            return true;
-          }
-          return false;
-        },
-      },
-      interactions: [{ type: 'element-selected' }],
-    });
+const data = [
+  {
+    name: 'London',
+    月份: 'Jan.',
+    月均降雨量: 18.9,
+  },
+  {
+    name: 'London',
+    月份: 'Feb.',
+    月均降雨量: 28.8,
+  },
+  {
+    name: 'London',
+    月份: 'Mar.',
+    月均降雨量: 39.3,
+  },
+  {
+    name: 'London',
+    月份: 'Apr.',
+    月均降雨量: 81.4,
+  },
+  {
+    name: 'London',
+    月份: 'May',
+    月均降雨量: 47,
+  },
+  {
+    name: 'London',
+    月份: 'Jun.',
+    月均降雨量: 20.3,
+  },
+  {
+    name: 'London',
+    月份: 'Jul.',
+    月均降雨量: 24,
+  },
+  {
+    name: 'London',
+    月份: 'Aug.',
+    月均降雨量: 35.6,
+  },
+  {
+    name: 'Berlin',
+    月份: 'Jan.',
+    月均降雨量: 12.4,
+  },
+  {
+    name: 'Berlin',
+    月份: 'Feb.',
+    月均降雨量: 23.2,
+  },
+  {
+    name: 'Berlin',
+    月份: 'Mar.',
+    月均降雨量: 34.5,
+  },
+  {
+    name: 'Berlin',
+    月份: 'Apr.',
+    月均降雨量: 99.7,
+  },
+  {
+    name: 'Berlin',
+    月份: 'May',
+    月均降雨量: 52.6,
+  },
+  {
+    name: 'Berlin',
+    月份: 'Jun.',
+    月均降雨量: 35.5,
+  },
+  {
+    name: 'Berlin',
+    月份: 'Jul.',
+    月均降雨量: 37.4,
+  },
+  {
+    name: 'Berlin',
+    月份: 'Aug.',
+    月均降雨量: 42.4,
+  },
+];
 
-    plot.render();
-  });
+const plot = new Column('container', {
+  data,
+  isGroup: true,
+  xField: '月份',
+  yField: '月均降雨量',
+  seriesField: 'name',
+  brush: {
+    enabled: true,
+    action: 'highlight',
+    isStartEnable: (context) => {
+      // 按住 shift 键，才能开启交互
+      if (context.event.gEvent.originalEvent?.shiftKey) {
+        return true;
+      }
+      return false;
+    },
+  },
+  interactions: [{ type: 'element-selected' }],
 });
+
+plot.render();
diff --git a/examples/dynamic-plots/brush/demo/meta.json b/examples/dynamic-plots/brush/demo/meta.json
@@ -74,7 +74,7 @@
         "zh": "刷选高级用法3",
         "en": "Advanced usage3 of brush"
       },
-      "screenshot": ""
+      "screenshot": "https://gw.alipayobjects.com/zos/antfincdn/eoeB059ntH/brush.gif"
     }
   ]
 }