refactor(funnel): annotation 位置添加center，支持在漏斗图中正常显示 (#3611)

* refactor(funnel): annotation 位置添加center，支持在漏斗图中正常显示 * test(annotation): 补充了单元测试 Co-authored-by: yangtao.yangtao <yangtao.yangtao@alibaba-inc.com>
antvis · Sep 10, 2021 · 552500d · 552500d
1 parent d0224cc
commit 552500d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/examples/funnel/funnel/demo/basic.ts b/examples/funnel/funnel/demo/basic.ts
@@ -90,7 +90,7 @@ chart.on('beforepaint', () => {
       top: true,
       position: {
         action: obj.action,
-        percent: 'median',
+        percent: 'center',
       },
       content: +obj.percent * 100 + '%', // 显示的文本内容
       style: {

diff --git a/src/util/annotation.ts b/src/util/annotation.ts
@@ -15,6 +15,8 @@ export function getNormalizedValue(val: number | string, scale: Scale) {
   switch (val) {
     case 'start':
       return 0;
+    case 'center':
+      return 0.5;
     case 'end':
       return 1;
     case 'median': {
@@ -37,4 +39,4 @@ export function getNormalizedValue(val: number | string, scale: Scale) {
   }
 
   return scale.scale(scaled);
-}
+}
diff --git a/tests/unit/util/annotation-spec.ts b/tests/unit/util/annotation-spec.ts
@@ -28,6 +28,7 @@ describe('util annotation', () => {
     });
 
     expect(getNormalizedValue('start', scale)).toEqual(0);
+    expect(getNormalizedValue('center', scale)).toEqual(0.5);
     expect(getNormalizedValue('end', scale)).toEqual(1);
     expect(near(getNormalizedValue('mean', scale), 0.055999999999999994)).toBe(true);
     expect(getNormalizedValue('median', scale)).toEqual(0.065);