feat: 将 Util 在从 core.ts 移到 src/index.ts 下

antvis · Mar 13, 2020 · e8d05d1 · e8d05d1
1 parent 921a45f
commit e8d05d1
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 15 deletions.
diff --git a/examples/gallery/pie/demo/pie3.ts b/examples/gallery/pie/demo/pie3.ts
@@ -1,4 +1,4 @@
-import { Chart } from '@antv/g2';
+import { Chart, Util } from '@antv/g2';
 
 const data = [
   { type: '一线城市', value: 0.19 },
@@ -12,9 +12,10 @@ const chart = new Chart({
   height: 500,
 });
 chart.data(data);
-chart.legend(false);
+//chart.legend(false);
 chart.coordinate('theta', {
   radius: 0.75,
+  innerRadius: 0.4
 });
 chart.tooltip({
   showMarkers: false
@@ -26,6 +27,16 @@ const interval = chart
   .position('value')
   .color('type', ['#063d8a', '#1770d6', '#47abfc', '#38c060'])
   .style({ opacity: 0.4 })
+  .state({
+    active: {
+      style: (element) => {
+        const shape = element.shape;
+        return {
+          matrix: Util.zoom(shape, 1.1),
+        }
+      }
+    }
+  })
   .label('type', (val) => {
     const opacity = val === '四线及以下' ? 1 : 0.5;
     return {
@@ -43,10 +54,7 @@ const interval = chart
     };
   });
 
-chart.interaction('element-single-selected');
+chart.interaction('legend-active');
 
 chart.render();
 
-// 默认第一个选中
-const elements = interval.elements;
-elements[0].setState('selected', true);
diff --git a/examples/interaction/others/demo/meta.json b/examples/interaction/others/demo/meta.json
@@ -27,6 +27,14 @@
         "en": "multipe view‘s tooltip"
       },
       "screenshot": "https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*s-JWTrKjUP4AAAAAAAAAAABkARQnAQ"
+    },
+    {
+      "filename": "pie-legend.ts",
+      "title": {
+        "zh": "饼图图例联动交互式",
+        "en": "pie chart legend"
+      },
+      "screenshot": "https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*s-JWTrKjUP4AAAAAAAAAAABkARQnAQ"
     }
   ]
 }
diff --git a/src/core.ts b/src/core.ts
@@ -43,13 +43,4 @@ export { registerEngine, getEngine } from './engine';
 // 注册动画函数
 export { registerAnimation, getAnimation } from './animate/animation';
 
-// 一些工具方法导出
-import { rotate, translate, zoom, transform } from './util/transform';
-export const Util = {
-  translate,
-  rotate,
-  zoom,
-  transform,
-};
-
 export { LAYER, DIRECTION } from './constant';
diff --git a/src/index.ts b/src/index.ts
@@ -598,3 +598,14 @@ declare module './chart/view' {
 }
 
 export * from './core';
+// 一些工具方法导出
+import { getAngle, polarToCartesian } from './util/graphics';
+import { rotate, transform, translate, zoom } from './util/transform';
+export const Util = {
+  translate,
+  rotate,
+  zoom,
+  transform,
+  getAngle,
+  polarToCartesian,
+};