fix: guide 超出范围不显示 (#1941)

Co-authored-by: xuying.xu <xuying.xu@alibaba-inc.com>
antvis · Mar 20, 2024 · 2ffcc5d · 2ffcc5d
1 parent 68bf7d6
commit 2ffcc5d
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/packages/f2/src/components/guide/withGuide.tsx b/packages/f2/src/components/guide/withGuide.tsx
@@ -81,6 +81,8 @@ export default function<IProps extends GuideProps = GuideProps>(
       const { width, height } = context;
       const points = this.convertPoints(records);
       const theme = this.getGuideTheme();
+      const checkNaN = points.some((d)=> isNaN(d.x) || isNaN(d.y))
+      if(checkNaN) return;
 
       return (
         <group

diff --git a/...components/guide/__image_snapshots__/guide-test-tsx-guide-guide-超出范围-1-snap.png b/...components/guide/__image_snapshots__/guide-test-tsx-guide-guide-超出范围-1-snap.png
diff --git a/packages/f2/test/components/guide/guide.test.tsx b/packages/f2/test/components/guide/guide.test.tsx
@@ -189,6 +189,22 @@ describe('Guide ', () => {
   });
   it('tag', () => {});
 
+  it('guide 超出范围', async() => {
+    const context = createContext();
+    const { props } = (
+      <Canvas context={context} pixelRatio={1} animate={false}>
+        <Chart data={data}>
+          <Line x="genre" y="sold" color="type" />
+           <PointGuide records={[{ genre: 'test', sold: 450, type: 'a' }]} offsetX="0px" offsetY="0px" />
+        </Chart>
+      </Canvas>
+    );
+
+    const chart = new Canvas(props);
+    chart.render();
+    await delay(50);
+    expect(context).toMatchImageSnapshot();
+  });
   it('使用min、max、median', async () => {
     const context = createContext();
     const { props } = (