fix(layout): auto inset ignore null bbox

__tests__/plots/static/index.ts

@@ -264,3 +264,4 @@ export { weatherLineMultiAxesLegend } from './weather-line-multi-axes-legend';
 export { population2015IntervalDonutTextAnnotationInset } from './population2015-interval-donut-text-annotation-inset';
 export { stocksLineSeriesGradient } from './stocks-line-series-gradient';
 export { aaplLineMissingDataTrial } from './aapl-line-missing-data-trial';
+export { mockIntervalFacetRectPolar } from './mock-interval-facet-rect-polar';

__tests__/plots/static/mock-interval-facet-rect-polar.ts

@@ -0,0 +1,30 @@
+import { G2Spec } from '../../../src';
+
+export function mockIntervalFacetRectPolar(): G2Spec {
+  return {
+    type: 'facetRect',
+    height: 320,
+    data: [
+      { type: 'A', value: 1, n: 64 },
+      { type: 'A', value: 2, n: 37 },
+      { type: 'A', value: 3, n: 29 },
+      { type: 'B', value: 1, n: 58 },
+      { type: 'B', value: 2, n: 38 },
+      { type: 'B', value: 3, n: 25 },
+    ],
+    encode: { x: 'type' },
+    children: [
+      {
+        type: 'interval',
+        frame: false,
+        coordinate: { type: 'polar' },
+        encode: {
+          x: 'value',
+          y: 'n',
+          color: 'value',
+        },
+        axis: { y: { label: false, title: false }, x: { title: false } },
+      },
+    ],
+  };
+}

src/composition/facetRect.ts

@@ -340,7 +340,7 @@ function createGuideYRect(guide) {
 
 function createGuide(guide, factory) {
   if (typeof guide === 'function') return guide;
-  if (guide === null) return () => null;
+  if (guide === null || guide === false) return () => null;
   return factory(guide);
 }
 

src/runtime/component.ts

@@ -3,7 +3,7 @@
  */
 import { Coordinate } from '@antv/coord';
 import { deepMix, isEqual } from '@antv/util';
-import { group, groups, max, sum } from 'd3-array';
+import { groups, max, sum } from 'd3-array';
 import { format } from 'd3-format';
 import { DisplayObject, Text } from '@antv/g';
 import {
@@ -28,7 +28,7 @@ import {
   isTranspose,
 } from './coordinate';
 import { useLibrary } from './library';
-import { isValidScale, useRelationScale } from './scale';
+import { isValidScale } from './scale';
 import {
   G2MarkState,
   G2Theme,

src/runtime/layout.ts

@@ -2,7 +2,7 @@ import { Coordinate } from '@antv/coord';
 import { ascending, group, max, sum } from 'd3-array';
 import { deepMix } from '@antv/util';
 import { isParallel, isPolar, isRadar, radiusOf } from '../utils/coordinate';
-import { capitalizeFirst } from '../utils/helper';
+import { capitalizeFirst, defined } from '../utils/helper';
 import { divide } from '../utils/array';
 import { camelCase } from '../utils/string';
 import {
@@ -199,12 +199,15 @@ function computeInset(
   const maxLabelSpacing = max(styles, (d) => d.labelSpacing ?? 0);
 
   // Compute labelBBoxes.
-  const labelBBoxes = axes.flatMap((component, i) => {
-    const style = styles[i];
-    const scale = createScale(component, library);
-    const labels = computeLabelsBBox(component, scale, false, style);
-    return labels;
-  });
+  const labelBBoxes = axes
+    .flatMap((component, i) => {
+      const style = styles[i];
+      const scale = createScale(component, library);
+      const labels = computeLabelsBBox(component, scale, false, style);
+      return labels;
+    })
+    .filter(defined);
+
   const size = max(labelBBoxes, (d) => d.height) + maxLabelSpacing;
 
   // Compute titles.