feat(gauge): 仪表盘增加 tooltip 配置

antvis · Mar 16, 2022 · 3ef6de3 · 3ef6de3
1 parent e3fbced
commit 3ef6de3
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 4 deletions.
diff --git a/src/plots/gauge/adaptor.ts b/src/plots/gauge/adaptor.ts
@@ -1,10 +1,11 @@
 import { Geometry } from '@antv/g2';
-import { isString } from '@antv/util';
+import { get, isString } from '@antv/util';
 import { interaction, animation, theme, scale, annotation } from '../../adaptor/common';
 import { interval } from '../../adaptor/geometries';
 import { AXIS_META_CONFIG_KEYS } from '../../constant';
 import { Params } from '../../core/adaptor';
-import { deepAssign, flow, pick, renderGaugeStatistic } from '../../utils';
+import { deepAssign, findViewById, flow, pick, renderGaugeStatistic } from '../../utils';
+import { tooltip } from '../scatter/adaptor';
 import { RANGE_TYPE, RANGE_VALUE, PERCENT, DEFAULT_COLOR, INDICATEOR_VIEW_ID, RANGE_VIEW_ID } from './constants';
 import { GaugeOptions } from './types';
 import { getIndicatorData, getRangeData } from './utils';
@@ -149,6 +150,31 @@ function statistic(params: Params<GaugeOptions>, updated?: boolean): Params<Gaug
   return params;
 }
 
+/**
+ * tooltip 配置
+ */
+function tooltip(params: Params<GaugeOptions>): Params<GaugeOptions> {
+  const { chart, options } = params;
+  const { tooltip } = options;
+
+  if (tooltip) {
+    chart.tooltip(
+      deepAssign(
+        {
+          showTitle: false,
+          customContent: (x: string, data: any[]) => `${get(data, [0, 'data', PERCENT], 0)}`, // 默认显示原始数据
+        },
+        tooltip
+      )
+    );
+  } else {
+    // 默认，不展示 tooltip
+    chart.tooltip(false);
+  }
+
+  return params;
+}
+
 /**
  * other 配置
  * @param params
@@ -157,7 +183,6 @@ function other(params: Params<GaugeOptions>): Params<GaugeOptions> {
   const { chart } = params;
 
   chart.legend(false);
-  chart.tooltip(false);
 
   return params;
 }
@@ -180,6 +205,7 @@ export function adaptor(params: Params<GaugeOptions>) {
     animation,
     geometry,
     meta,
+    tooltip,
     statistic,
     interaction,
     annotation(),

diff --git a/src/plots/gauge/types.ts b/src/plots/gauge/types.ts
@@ -54,7 +54,7 @@ export type GaugeRangeData = {
  * @title 仪表盘配置类型定义
  */
 export interface GaugeOptions
-  extends Omit<Options, 'data' | 'tooltip' | 'legend' | 'xAxis' | 'yAxis' | 'xField' | 'yField' | 'color'> {
+  extends Omit<Options, 'data' | 'legend' | 'xAxis' | 'yAxis' | 'xField' | 'yField' | 'color'> {
   /**
    * @title 指标的比例
    * @description 范围0 ~ 1