fix: tooltip alias 配置 Closed: #1412 (#1413)

packages/f2/src/components/tooltip/withTooltip.tsx

@@ -81,15 +81,20 @@ export default (View) => {
 
       const records = snapRecords.map((record) => {
         const { origin, xField, yField } = record;
-        let name = xScale.getText(origin[xField]);
         const value = yScale.getText(origin[yField]);
-        if (legendItems && legendItems.length) {
-          const item = find<any>(legendItems, (item) => {
-            const { field, tickValue } = item;
-            return origin[field] === tickValue;
-          });
-          if (item && item.name) {
-            name = item.name;
+
+        // 默认取 alias 的配置
+        let name = yScale.alias;
+        if (!name) {
+          name = xScale.getText(origin[xField]);
+          if (legendItems && legendItems.length) {
+            const item = find<any>(legendItems, (item) => {
+              const { field, tickValue } = item;
+              return origin[field] === tickValue;
+            });
+            if (item && item.name) {
+              name = item.name;
+            }
           }
         }
         return {

packages/f2/test/components/tooltip/alias.test.tsx

@@ -0,0 +1,39 @@
+import { jsx, Canvas, Chart, Axis, Line, Interval, Tooltip, Legend } from '../../../src';
+import { createContext, delay, gestureSimulator } from '../../util';
+
+const data = [
+  { type: 'a', genre: 'Sports', sold: 5 },
+  { type: 'a', genre: 'Strategy', sold: 10 },
+  { type: 'a', genre: 'Action', sold: 20 },
+  { type: 'a', genre: 'Shooter', sold: 20 },
+  { type: 'a', genre: 'Other', sold: 40 },
+];
+
+describe('alias', () => {
+  it('别名', async () => {
+    const context = createContext();
+    const { props } = (
+      <Canvas context={context} pixelRatio={1} animate={false}>
+        <Chart
+          data={data}
+          scale={{
+            sold: {
+              alias: '销量',
+            },
+          }}
+        >
+          <Axis field="genre" />
+          <Axis field="sold" />
+          <Interval x="genre" y="sold" color="genre" />
+          <Tooltip defaultItem={data[0]} />
+        </Chart>
+      </Canvas>
+    );
+
+    const canvas = new Canvas(props);
+    canvas.render();
+
+    await delay(500);
+    expect(context).toMatchImageSnapshot();
+  });
+});