@mui/x-charts 9.0.3 → 9.1.0

package/internals/index.js

@@ -20,15 +20,24 @@ var _exportNames = {
   useRegisterPointerInteractions: true,
   getCartesianAxisTriggerTooltip: true,
   getCartesianAxisIndex: true,
+  getPolarAxisIndex: true,
   createCommonKeyboardFocusHandler: true,
   getSeriesColorFn: true,
   checkBarChartScaleErrors: true,
   getBandSize: true,
+  EPSILON: true,
   useChartsTooltipUtilityClasses: true,
   getChartsTooltipUtilityClass: true,
   getAxisExtrema: true,
+  evaluateCurveAtAngle: true,
   getLineItemAtPosition: true
 };
+Object.defineProperty(exports, "EPSILON", {
+  enumerable: true,
+  get: function () {
+    return _epsilon.EPSILON;
+  }
+});
 Object.defineProperty(exports, "checkBarChartScaleErrors", {
   enumerable: true,
   get: function () {
@@ -41,6 +50,12 @@ Object.defineProperty(exports, "createCommonKeyboardFocusHandler", {
     return _createCommonKeyboardFocusHandler.createCommonKeyboardFocusHandler;
   }
 });
+Object.defineProperty(exports, "evaluateCurveAtAngle", {
+  enumerable: true,
+  get: function () {
+    return _curveEvaluation.evaluateCurveAtAngle;
+  }
+});
 Object.defineProperty(exports, "getAxisExtrema", {
   enumerable: true,
   get: function () {
@@ -77,6 +92,12 @@ Object.defineProperty(exports, "getLineItemAtPosition", {
     return _getItemAtPosition.default;
   }
 });
+Object.defineProperty(exports, "getPolarAxisIndex", {
+  enumerable: true,
+  get: function () {
+    return _getAxisIndex.getAxisIndex;
+  }
+});
 Object.defineProperty(exports, "getSeriesColorFn", {
   enumerable: true,
   get: function () {
@@ -506,6 +527,7 @@ Object.keys(_selectors).forEach(function (key) {
 });
 var _getAxisTriggerTooltip = require("./plugins/featurePlugins/useChartCartesianAxis/getAxisTriggerTooltip");
 var _getAxisValue = require("./plugins/featurePlugins/useChartCartesianAxis/getAxisValue");
+var _getAxisIndex = require("./plugins/featurePlugins/useChartPolarAxis/getAxisIndex");
 var _useCharts = require("./store/useCharts");
 Object.keys(_useCharts).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -602,6 +624,18 @@ Object.keys(_configInit).forEach(function (key) {
     }
   });
 });
+var _clampAngle = require("./clampAngle");
+Object.keys(_clampAngle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _clampAngle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _clampAngle[key];
+    }
+  });
+});
 var _getLabel = require("./getLabel");
 Object.keys(_getLabel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -662,6 +696,18 @@ Object.keys(_getScale).forEach(function (key) {
     }
   });
 });
+var _getAsNumber = require("./getAsNumber");
+Object.keys(_getAsNumber).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _getAsNumber[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getAsNumber[key];
+    }
+  });
+});
 var _stacking = require("./stacking");
 Object.keys(_stacking).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -686,6 +732,18 @@ Object.keys(_getCurve).forEach(function (key) {
     }
   });
 });
+var _getSymbol = require("./getSymbol");
+Object.keys(_getSymbol).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _getSymbol[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getSymbol[key];
+    }
+  });
+});
 var _consumeSlots = require("./consumeSlots");
 Object.keys(_consumeSlots).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -822,6 +880,7 @@ Object.keys(_defaultSeriesConfig).forEach(function (key) {
     }
   });
 });
+var _epsilon = require("../utils/epsilon");
 var _chartsTooltipClasses = require("../ChartsTooltip/chartsTooltipClasses");
 var _getAxisExtrema = require("./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema");
 var _ChartsProvider = require("../context/ChartsProvider");
@@ -1016,4 +1075,5 @@ Object.keys(_identifierCleaner).forEach(function (key) {
     }
   });
 });
+var _curveEvaluation = require("../LineChart/seriesConfig/curveEvaluation");
 var _getItemAtPosition = _interopRequireDefault(require("../LineChart/seriesConfig/getItemAtPosition"));

package/internals/index.mjs

@@ -45,6 +45,7 @@ export * from "./plugins/featurePlugins/useChartItemClick/index.mjs";
 export * from "./plugins/utils/selectors.mjs";
 export { getAxisTriggerTooltip as getCartesianAxisTriggerTooltip } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisTriggerTooltip.mjs";
 export { getAxisIndex as getCartesianAxisIndex } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisValue.mjs";
+export { getAxisIndex as getPolarAxisIndex } from "./plugins/featurePlugins/useChartPolarAxis/getAxisIndex.mjs";
 export * from "./store/useCharts.mjs";
 export * from "./store/useStore.mjs";
 
@@ -57,13 +58,16 @@ export * from "../PieChart/PieChart.plugins.mjs";
 
 // utils
 export * from "./configInit.mjs";
+export * from "./clampAngle.mjs";
 export * from "./getLabel.mjs";
 export * from "./legendUtils.mjs";
 export * from "./getChartPoint.mjs";
 export * from "./isDefined.mjs";
 export * from "./getScale.mjs";
+export * from "./getAsNumber.mjs";
 export * from "./stacking/index.mjs";
 export * from "./getCurve.mjs";
+export * from "./getSymbol.mjs";
 export * from "./consumeSlots.mjs";
 export * from "./consumeThemeProps.mjs";
 export * from "./defaultizeMargin.mjs";
@@ -79,6 +83,7 @@ export { getSeriesColorFn } from "./getSeriesColorFn.mjs";
 export { checkBarChartScaleErrors } from "../BarChart/checkBarChartScaleErrors.mjs";
 export { getBandSize } from "./getBandSize.mjs";
 export * from "./plugins/utils/defaultSeriesConfig.mjs";
+export { EPSILON } from "../utils/epsilon.mjs";
 export { useUtilityClasses as useChartsTooltipUtilityClasses, getChartsTooltipUtilityClass } from "../ChartsTooltip/chartsTooltipClasses.mjs";
 
 // contexts
@@ -101,4 +106,5 @@ export * from "./constants.mjs";
 export * from "./scales/index.mjs";
 export * from "./identifierSerializer.mjs";
 export * from "./identifierCleaner.mjs";
+export { evaluateCurveAtAngle } from "../LineChart/seriesConfig/curveEvaluation.mjs";
 export { default as getLineItemAtPosition } from "../LineChart/seriesConfig/getItemAtPosition.mjs";

package/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.js

@@ -52,10 +52,12 @@ const useChartInteractionListener = ({
         }), new _core.TurnWheelGesture({
           name: 'zoomTurnWheel',
           sensitivity: 0.01,
-          initialDelta: 1
+          initialDelta: 1,
+          passive: false
         }), new _core.TurnWheelGesture({
           name: 'panTurnWheel',
-          sensitivity: 0.5
+          sensitivity: 0.5,
+          passive: false
         }), new _core.TapAndDragGesture({
           name: 'zoomTapAndDrag',
           dragThreshold: 10

package/internals/plugins/corePlugins/useChartInteractionListener/useChartInteractionListener.mjs

@@ -46,10 +46,12 @@ export const useChartInteractionListener = ({
         }), new TurnWheelGesture({
           name: 'zoomTurnWheel',
           sensitivity: 0.01,
-          initialDelta: 1
+          initialDelta: 1,
+          passive: false
         }), new TurnWheelGesture({
           name: 'panTurnWheel',
-          sensitivity: 0.5
+          sensitivity: 0.5,
+          passive: false
         }), new TapAndDragGesture({
           name: 'zoomTapAndDrag',
           dragThreshold: 10

package/internals/plugins/corePlugins/useChartSeriesConfig/types/polarExtremumGetter.types.d.mts

@@ -1,9 +1,9 @@
 import type { PolarChartSeriesType, ChartSeriesDefaultized } from "../../../../../models/seriesType/config.mjs";
-import type { AxisConfig } from "../../../../../models/axis.mjs";
+import type { PolarAxisConfig } from "../../../../../models/axis.mjs";
 import type { SeriesId } from "../../../../../models/seriesType/common.mjs";
 type PolarExtremumGetterParams<SeriesType extends PolarChartSeriesType> = {
   series: Record<SeriesId, ChartSeriesDefaultized<SeriesType>>;
-  axis: AxisConfig;
+  axis: PolarAxisConfig;
   axisIndex: number;
   isDefaultAxis: boolean;
 };

package/internals/plugins/corePlugins/useChartSeriesConfig/types/polarExtremumGetter.types.d.ts

@@ -1,9 +1,9 @@
 import type { PolarChartSeriesType, ChartSeriesDefaultized } from "../../../../../models/seriesType/config.js";
-import type { AxisConfig } from "../../../../../models/axis.js";
+import type { PolarAxisConfig } from "../../../../../models/axis.js";
 import type { SeriesId } from "../../../../../models/seriesType/common.js";
 type PolarExtremumGetterParams<SeriesType extends PolarChartSeriesType> = {
   series: Record<SeriesId, ChartSeriesDefaultized<SeriesType>>;
-  axis: AxisConfig;
+  axis: PolarAxisConfig;
   axisIndex: number;
   isDefaultAxis: boolean;
 };

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisValue.js

@@ -6,10 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.getAxisIndex = getAxisIndex;
 exports.getAxisValue = getAxisValue;
 var _scaleGuards = require("../../../scaleGuards");
-function getAsANumber(value) {
-  return value instanceof Date ? value.getTime() : value;
-}
-
+var _getAsNumber = require("../../../getAsNumber");
+var _findClosestIndex = require("../../../findClosestIndex");
 /**
  * For a pointer coordinate, this function returns the dataIndex associated.
  * Returns `-1` if no dataIndex matches.
@@ -21,26 +19,11 @@ function getAxisIndex(axisConfig, pointerValue) {
     reverse
   } = axisConfig;
   if (!(0, _scaleGuards.isOrdinalScale)(scale)) {
-    const value = scale.invert(pointerValue);
     if (axisData === undefined) {
       return -1;
     }
-    const valueAsNumber = getAsANumber(value);
-    const closestIndex = axisData?.findIndex((pointValue, index) => {
-      const v = getAsANumber(pointValue);
-      if (v > valueAsNumber) {
-        if (index === 0 || Math.abs(valueAsNumber - v) <= Math.abs(valueAsNumber - getAsANumber(axisData[index - 1]))) {
-          return true;
-        }
-      }
-      if (v <= valueAsNumber) {
-        if (index === axisData.length - 1 || Math.abs(getAsANumber(value) - v) < Math.abs(getAsANumber(value) - getAsANumber(axisData[index + 1]))) {
-          return true;
-        }
-      }
-      return false;
-    });
-    return closestIndex;
+    const valueAsNumber = (0, _getAsNumber.getAsNumber)(scale.invert(pointerValue));
+    return (0, _findClosestIndex.findClosestIndex)(axisData, valueAsNumber);
   }
   const dataIndex = scale.bandwidth() === 0 ? Math.floor((pointerValue - Math.min(...scale.range()) + scale.step() / 2) / scale.step()) : Math.floor((pointerValue - Math.min(...scale.range())) / scale.step());
   if (dataIndex < 0 || dataIndex >= axisData.length) {

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisValue.mjs

@@ -1,8 +1,6 @@
 import { isOrdinalScale } from "../../../scaleGuards.mjs";
-function getAsANumber(value) {
-  return value instanceof Date ? value.getTime() : value;
-}
-
+import { getAsNumber } from "../../../getAsNumber.mjs";
+import { findClosestIndex } from "../../../findClosestIndex.mjs";
 /**
  * For a pointer coordinate, this function returns the dataIndex associated.
  * Returns `-1` if no dataIndex matches.
@@ -14,26 +12,11 @@ export function getAxisIndex(axisConfig, pointerValue) {
     reverse
   } = axisConfig;
   if (!isOrdinalScale(scale)) {
-    const value = scale.invert(pointerValue);
     if (axisData === undefined) {
       return -1;
     }
-    const valueAsNumber = getAsANumber(value);
-    const closestIndex = axisData?.findIndex((pointValue, index) => {
-      const v = getAsANumber(pointValue);
-      if (v > valueAsNumber) {
-        if (index === 0 || Math.abs(valueAsNumber - v) <= Math.abs(valueAsNumber - getAsANumber(axisData[index - 1]))) {
-          return true;
-        }
-      }
-      if (v <= valueAsNumber) {
-        if (index === axisData.length - 1 || Math.abs(getAsANumber(value) - v) < Math.abs(getAsANumber(value) - getAsANumber(axisData[index + 1]))) {
-          return true;
-        }
-      }
-      return false;
-    });
-    return closestIndex;
+    const valueAsNumber = getAsNumber(scale.invert(pointerValue));
+    return findClosestIndex(axisData, valueAsNumber);
   }
   const dataIndex = scale.bandwidth() === 0 ? Math.floor((pointerValue - Math.min(...scale.range()) + scale.step() / 2) / scale.step()) : Math.floor((pointerValue - Math.min(...scale.range())) / scale.step());
   if (dataIndex < 0 || dataIndex >= axisData.length) {

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.mts

@@ -138,8 +138,9 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
   colorMap?: import("../../../../models/colorMapping.mjs").ContinuousColorConfig | import("../../../../models/colorMapping.mjs").PiecewiseColorConfig;
 }, "scale">> & {
-  position?: "left" | "right" | "none";
-  width?: number | "auto";
+  position?: "none" | "left" | "right" | undefined;
+  height?: undefined;
+  width?: number | "auto" | undefined;
 } & import("../../../../hooks/useTicks.mjs").TickParams & import("../../../index.mjs").AxisConfigExtension & {
   zoom: import("./useChartCartesianAxis.types.mjs").DefaultizedZoomOptions | undefined;
 }) | undefined;

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.d.ts

@@ -138,8 +138,9 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   scale: import("@mui/x-charts-vendor/d3-scale").ScaleTime<number, number>;
   colorMap?: import("../../../../models/colorMapping.js").ContinuousColorConfig | import("../../../../models/colorMapping.js").PiecewiseColorConfig;
 }, "scale">> & {
-  position?: "left" | "right" | "none";
-  width?: number | "auto";
+  position?: "none" | "left" | "right" | undefined;
+  height?: undefined;
+  width?: number | "auto" | undefined;
 } & import("../../../../hooks/useTicks.js").TickParams & import("../../../index.js").AxisConfigExtension & {
   zoom: import("./useChartCartesianAxis.types.js").DefaultizedZoomOptions | undefined;
 }) | undefined;

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.d.mts

@@ -0,0 +1,30 @@
+import type { SeriesId } from "../../../../../models/seriesType/common.mjs";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.mjs";
+import type { ProcessedSeries } from "../../../corePlugins/useChartSeries/useChartSeries.types.mjs";
+/**
+ * Walk forward (or backward) from `startIndex` and return the first dataIndex
+ * whose data point is visible. Returns `null` if every traversed index is hidden.
+ *
+ * Series-level hidden flags are filtered upstream (see `getNonEmptySeriesArray`),
+ * so only per-data-point hidden flags are relevant here. Today only Pie sets a
+ * `hidden` flag on individual data items; for other series types the data
+ * elements are scalars or objects without that field, and this helper returns
+ * the proposed index unchanged.
+ */
+export declare function findVisibleDataIndex({
+  processedSeries,
+  type,
+  seriesId,
+  startIndex,
+  dataLength,
+  direction,
+  allowCycles
+}: {
+  processedSeries: ProcessedSeries<ChartSeriesType>;
+  type: ChartSeriesType;
+  seriesId: SeriesId;
+  startIndex: number;
+  dataLength: number;
+  direction: 1 | -1;
+  allowCycles: boolean;
+}): number | null;

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.d.ts

@@ -0,0 +1,30 @@
+import type { SeriesId } from "../../../../../models/seriesType/common.js";
+import type { ChartSeriesType } from "../../../../../models/seriesType/config.js";
+import type { ProcessedSeries } from "../../../corePlugins/useChartSeries/useChartSeries.types.js";
+/**
+ * Walk forward (or backward) from `startIndex` and return the first dataIndex
+ * whose data point is visible. Returns `null` if every traversed index is hidden.
+ *
+ * Series-level hidden flags are filtered upstream (see `getNonEmptySeriesArray`),
+ * so only per-data-point hidden flags are relevant here. Today only Pie sets a
+ * `hidden` flag on individual data items; for other series types the data
+ * elements are scalars or objects without that field, and this helper returns
+ * the proposed index unchanged.
+ */
+export declare function findVisibleDataIndex({
+  processedSeries,
+  type,
+  seriesId,
+  startIndex,
+  dataLength,
+  direction,
+  allowCycles
+}: {
+  processedSeries: ProcessedSeries<ChartSeriesType>;
+  type: ChartSeriesType;
+  seriesId: SeriesId;
+  startIndex: number;
+  dataLength: number;
+  direction: 1 | -1;
+  allowCycles: boolean;
+}): number | null;

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findVisibleDataIndex = findVisibleDataIndex;
+/**
+ * Walk forward (or backward) from `startIndex` and return the first dataIndex
+ * whose data point is visible. Returns `null` if every traversed index is hidden.
+ *
+ * Series-level hidden flags are filtered upstream (see `getNonEmptySeriesArray`),
+ * so only per-data-point hidden flags are relevant here. Today only Pie sets a
+ * `hidden` flag on individual data items; for other series types the data
+ * elements are scalars or objects without that field, and this helper returns
+ * the proposed index unchanged.
+ */
+function findVisibleDataIndex({
+  processedSeries,
+  type,
+  seriesId,
+  startIndex,
+  dataLength,
+  direction,
+  allowCycles
+}) {
+  if (dataLength <= 0) {
+    return null;
+  }
+  const seriesItem = processedSeries[type]?.series[seriesId];
+  if (seriesItem && 'hidden' in seriesItem && seriesItem.hidden) {
+    return null;
+  }
+  const seriesData = seriesItem?.data;
+  const isIndexHidden = idx => {
+    if (!seriesData) {
+      return false;
+    }
+    const item = seriesData[idx];
+    return typeof item === 'object' && item !== null && 'hidden' in item && Boolean(item.hidden);
+  };
+  let dataIndex = startIndex;
+  for (let attempt = 0; attempt < dataLength; attempt += 1) {
+    if (dataIndex >= 0 && dataIndex < dataLength && !isIndexHidden(dataIndex)) {
+      return dataIndex;
+    }
+    if (allowCycles) {
+      dataIndex = (dataIndex + direction + dataLength) % dataLength;
+    } else {
+      const next = dataIndex + direction;
+      if (next < 0 || next >= dataLength) {
+        return null;
+      }
+      dataIndex = next;
+    }
+  }
+  return null;
+}

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/findVisibleDataIndex.mjs

@@ -0,0 +1,51 @@
+/**
+ * Walk forward (or backward) from `startIndex` and return the first dataIndex
+ * whose data point is visible. Returns `null` if every traversed index is hidden.
+ *
+ * Series-level hidden flags are filtered upstream (see `getNonEmptySeriesArray`),
+ * so only per-data-point hidden flags are relevant here. Today only Pie sets a
+ * `hidden` flag on individual data items; for other series types the data
+ * elements are scalars or objects without that field, and this helper returns
+ * the proposed index unchanged.
+ */
+export function findVisibleDataIndex({
+  processedSeries,
+  type,
+  seriesId,
+  startIndex,
+  dataLength,
+  direction,
+  allowCycles
+}) {
+  if (dataLength <= 0) {
+    return null;
+  }
+  const seriesItem = processedSeries[type]?.series[seriesId];
+  if (seriesItem && 'hidden' in seriesItem && seriesItem.hidden) {
+    return null;
+  }
+  const seriesData = seriesItem?.data;
+  const isIndexHidden = idx => {
+    if (!seriesData) {
+      return false;
+    }
+    const item = seriesData[idx];
+    return typeof item === 'object' && item !== null && 'hidden' in item && Boolean(item.hidden);
+  };
+  let dataIndex = startIndex;
+  for (let attempt = 0; attempt < dataLength; attempt += 1) {
+    if (dataIndex >= 0 && dataIndex < dataLength && !isIndexHidden(dataIndex)) {
+      return dataIndex;
+    }
+    if (allowCycles) {
+      dataIndex = (dataIndex + direction + dataLength) % dataLength;
+    } else {
+      const next = dataIndex + direction;
+      if (next < 0 || next >= dataLength) {
+        return null;
+      }
+      dataIndex = next;
+    }
+  }
+  return null;
+}

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/getMaxSeriesLength.js

@@ -7,6 +7,12 @@ exports.getMaxSeriesLength = getMaxSeriesLength;
 function getMaxSeriesLength(series, availableSeriesTypes) {
   return Object.keys(series).filter(type => availableSeriesTypes.has(type)).flatMap(type => {
     const seriesOfType = series[type];
-    return seriesOfType.seriesOrder.filter(seriesId => seriesOfType.series[seriesId].data.length > 0 && seriesOfType.series[seriesId].data.some(value => value != null)).map(seriesId => seriesOfType.series[seriesId].data.length);
+    return seriesOfType.seriesOrder.filter(seriesId => {
+      const seriesItem = seriesOfType.series[seriesId];
+      if ('hidden' in seriesItem && seriesItem.hidden) {
+        return false;
+      }
+      return seriesItem.data.length > 0 && seriesItem.data.some(value => value != null && !(typeof value === 'object' && 'hidden' in value && value.hidden));
+    }).map(seriesId => seriesOfType.series[seriesId].data.length);
   }).reduce((maxLengths, length) => Math.max(maxLengths, length), 0);
 }

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/getMaxSeriesLength.mjs

@@ -1,6 +1,12 @@
 export function getMaxSeriesLength(series, availableSeriesTypes) {
   return Object.keys(series).filter(type => availableSeriesTypes.has(type)).flatMap(type => {
     const seriesOfType = series[type];
-    return seriesOfType.seriesOrder.filter(seriesId => seriesOfType.series[seriesId].data.length > 0 && seriesOfType.series[seriesId].data.some(value => value != null)).map(seriesId => seriesOfType.series[seriesId].data.length);
+    return seriesOfType.seriesOrder.filter(seriesId => {
+      const seriesItem = seriesOfType.series[seriesId];
+      if ('hidden' in seriesItem && seriesItem.hidden) {
+        return false;
+      }
+      return seriesItem.data.length > 0 && seriesItem.data.some(value => value != null && !(typeof value === 'object' && 'hidden' in value && value.hidden));
+    }).map(seriesId => seriesOfType.series[seriesId].data.length);
   }).reduce((maxLengths, length) => Math.max(maxLengths, length), 0);
 }

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/getNonEmptySeriesArray.js

@@ -7,7 +7,13 @@ exports.getNonEmptySeriesArray = getNonEmptySeriesArray;
 function getNonEmptySeriesArray(series, availableSeriesTypes) {
   return Object.keys(series).filter(type => availableSeriesTypes.has(type)).flatMap(type => {
     const seriesOfType = series[type];
-    return seriesOfType.seriesOrder.filter(seriesId => seriesOfType.series[seriesId].data.length > 0 && seriesOfType.series[seriesId].data.some(value => value != null)).map(seriesId => ({
+    return seriesOfType.seriesOrder.filter(seriesId => {
+      const seriesItem = seriesOfType.series[seriesId];
+      if ('hidden' in seriesItem && seriesItem.hidden) {
+        return false;
+      }
+      return seriesItem.data.length > 0 && seriesItem.data.some(value => value != null);
+    }).map(seriesId => ({
       type,
       seriesId
     }));

package/internals/plugins/featurePlugins/useChartKeyboardNavigation/utils/getNonEmptySeriesArray.mjs

@@ -1,7 +1,13 @@
 export function getNonEmptySeriesArray(series, availableSeriesTypes) {
   return Object.keys(series).filter(type => availableSeriesTypes.has(type)).flatMap(type => {
     const seriesOfType = series[type];
-    return seriesOfType.seriesOrder.filter(seriesId => seriesOfType.series[seriesId].data.length > 0 && seriesOfType.series[seriesId].data.some(value => value != null)).map(seriesId => ({
+    return seriesOfType.seriesOrder.filter(seriesId => {
+      const seriesItem = seriesOfType.series[seriesId];
+      if ('hidden' in seriesItem && seriesItem.hidden) {
+        return false;
+      }
+      return seriesItem.data.length > 0 && seriesItem.data.some(value => value != null);
+    }).map(seriesId => ({
       type,
       seriesId
     }));

package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.d.mts

@@ -1,13 +1,10 @@
-import type { AxisConfig, ScaleName } from "../../../../models/index.mjs";
-import { type ChartsAxisProps, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisDefaultized, type AxisId } from "../../../../models/axis.mjs";
+import type { ScaleName } from "../../../../models/index.mjs";
+import { type ChartsAxisProps, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisConfig } from "../../../../models/axis.mjs";
 import { type ChartSeriesType } from "../../../../models/seriesType/config.mjs";
 import type { ChartDrawingArea } from "../../../../hooks/index.mjs";
 import { type ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.mjs";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.mjs";
 import { type ComputedAxisConfig } from "../useChartCartesianAxis/index.mjs";
-export type DefaultizedAxisConfig<AxisProps extends ChartsRotationAxisProps | ChartsRadiusAxisProps> = {
-  [axisId: AxisId]: PolarAxisDefaultized<ScaleName, any, AxisProps>;
-};
 export type ComputeResult<T extends ChartsAxisProps> = {
   axis: ComputedAxisConfig<T>;
   axisIds: string[];
@@ -18,11 +15,11 @@ type ComputeCommonParams<SeriesType extends ChartSeriesType = ChartSeriesType> =
   seriesConfig: ChartSeriesConfig<SeriesType>;
 };
 export declare function computeAxisValue<SeriesType extends ChartSeriesType>(options: ComputeCommonParams<SeriesType> & {
-  axis?: AxisConfig<'linear', any, ChartsRadiusAxisProps>[];
+  axis?: PolarAxisConfig<ScaleName, any, ChartsRadiusAxisProps>[];
   axisDirection: 'radius';
 }): ComputeResult<ChartsRadiusAxisProps>;
 export declare function computeAxisValue<SeriesType extends ChartSeriesType>(options: ComputeCommonParams<SeriesType> & {
-  axis?: AxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
+  axis?: PolarAxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
   axisDirection: 'rotation';
 }): ComputeResult<ChartsRotationAxisProps>;
 export {};

package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.d.ts

@@ -1,13 +1,10 @@
-import type { AxisConfig, ScaleName } from "../../../../models/index.js";
-import { type ChartsAxisProps, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisDefaultized, type AxisId } from "../../../../models/axis.js";
+import type { ScaleName } from "../../../../models/index.js";
+import { type ChartsAxisProps, type ChartsRotationAxisProps, type ChartsRadiusAxisProps, type PolarAxisConfig } from "../../../../models/axis.js";
 import { type ChartSeriesType } from "../../../../models/seriesType/config.js";
 import type { ChartDrawingArea } from "../../../../hooks/index.js";
 import { type ChartSeriesConfig } from "../../corePlugins/useChartSeriesConfig/index.js";
 import { type ProcessedSeries } from "../../corePlugins/useChartSeries/useChartSeries.types.js";
 import { type ComputedAxisConfig } from "../useChartCartesianAxis/index.js";
-export type DefaultizedAxisConfig<AxisProps extends ChartsRotationAxisProps | ChartsRadiusAxisProps> = {
-  [axisId: AxisId]: PolarAxisDefaultized<ScaleName, any, AxisProps>;
-};
 export type ComputeResult<T extends ChartsAxisProps> = {
   axis: ComputedAxisConfig<T>;
   axisIds: string[];
@@ -18,11 +15,11 @@ type ComputeCommonParams<SeriesType extends ChartSeriesType = ChartSeriesType> =
   seriesConfig: ChartSeriesConfig<SeriesType>;
 };
 export declare function computeAxisValue<SeriesType extends ChartSeriesType>(options: ComputeCommonParams<SeriesType> & {
-  axis?: AxisConfig<'linear', any, ChartsRadiusAxisProps>[];
+  axis?: PolarAxisConfig<ScaleName, any, ChartsRadiusAxisProps>[];
   axisDirection: 'radius';
 }): ComputeResult<ChartsRadiusAxisProps>;
 export declare function computeAxisValue<SeriesType extends ChartSeriesType>(options: ComputeCommonParams<SeriesType> & {
-  axis?: AxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
+  axis?: PolarAxisConfig<ScaleName, any, ChartsRotationAxisProps>[];
   axisDirection: 'rotation';
 }): ComputeResult<ChartsRotationAxisProps>;
 export {};

package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js

@@ -133,7 +133,8 @@ function computeAxisValue({
       scaleType: scaleType,
       scale: finalScale.domain(domain),
       tickNumber,
-      colorScale: axis.colorMap && (0, _colorScale.getColorScale)(axis.colorMap)
+      colorScale: axis.colorMap && (0, _colorScale.getColorScale)(axis.colorMap),
+      isFullCircle
     });
   });
   return {

package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.mjs

@@ -126,7 +126,8 @@ export function computeAxisValue({
       scaleType: scaleType,
       scale: finalScale.domain(domain),
       tickNumber,
-      colorScale: axis.colorMap && getColorScale(axis.colorMap)
+      colorScale: axis.colorMap && getColorScale(axis.colorMap),
+      isFullCircle
     });
   });
   return {