@mui/x-charts 9.0.2 → 9.0.4

package/LineChart/FocusedLineMark.js

@@ -26,6 +26,9 @@ function FocusedLineMark() {
     return null;
   }
   const series = lineSeries.series[focusedItem.seriesId];
+  if (!series || series.hidden) {
+    return null;
+  }
   if (series.data[focusedItem.dataIndex] == null) {
     // Handle missing data
     return null;

package/LineChart/FocusedLineMark.mjs

@@ -21,6 +21,9 @@ export function FocusedLineMark() {
     return null;
   }
   const series = lineSeries.series[focusedItem.seriesId];
+  if (!series || series.hidden) {
+    return null;
+  }
   if (series.data[focusedItem.dataIndex] == null) {
     // Handle missing data
     return null;

package/LineChart/seriesConfig/curveEvaluation.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.evaluateCurveY = evaluateCurveY;
 var _getCurve = require("../../internals/getCurve");
+var _cubiqSolver = require("../../internals/cubiqSolver");
 /**
  * A straight line segment.
  */
@@ -63,8 +64,15 @@ function cubicBezier(t, p0, p1, p2, p3) {
 }
 
 /**
- * Find parameter t such that the segment's x(t) ≈ targetX using bisection.
- * 20 iterations gives ~1e-6 precision relative to the segment's x range.
+ * Get polynomials coefficient of a cubic Bezier curve.
+ * P(t) = rep[0] * t**3  + rep[1] * t**2 + rep[2] * t + rep[3]
+ */
+function cubicBezierCoeffs(p0, p1, p2, p3) {
+  return [-p0 + 3 * p1 - 3 * p2 + p3, 3 * p0 - 6 * p1 + 3 * p2, -3 * p0 + 3 * p1, p0];
+}
+
+/**
+ * Find parameter t such that the segment's x(t) ≈ targetX
  */
 function findTForX(segment, targetX) {
   if (!isBezierSegment(segment)) {
@@ -72,23 +80,14 @@ function findTForX(segment, targetX) {
     const dx = segment.x1 - segment.x0;
     return dx === 0 ? 0 : (targetX - segment.x0) / dx;
   }
-
-  // Cubic bezier — bisect.
-  let lo = 0;
-  let hi = 1;
-  for (let iter = 0; iter < 20; iter += 1) {
-    const mid = (lo + hi) / 2;
-    const x = cubicBezier(mid, segment.x0, segment.cpx1, segment.cpx2, segment.x1);
-    if (x < targetX) {
-      lo = mid;
-    } else {
-      hi = mid;
-    }
-    if (Math.abs(x - targetX) < 1) {
-      return (lo + hi) / 2;
-    }
+  const xBezierCoeffs = cubicBezierCoeffs(segment.x0, segment.cpx1, segment.cpx2, segment.x1);
+  const polyToSolve = [...xBezierCoeffs];
+  polyToSolve[3] -= targetX;
+  const roots = (0, _cubiqSolver.cubicRoots)(polyToSolve);
+  if (roots.length > 0) {
+    return roots[0];
   }
-  return (lo + hi) / 2;
+  return -1;
 }
 
 /** Evaluate the segment's y at parameter t. */
@@ -123,9 +122,15 @@ function evaluateCurveY(points, targetX, curveType) {
 
   // Find the segment containing targetX.
   for (const segment of capture.segments) {
+    if (targetX < segment.x0 + 0.5 && targetX > segment.x0 - 0.5) {
+      return segment.y0;
+    }
+    if (targetX < segment.x1 + 0.5 && targetX > segment.x1 - 0.5) {
+      return segment.y1;
+    }
     const xMin = Math.min(segment.x0, segment.x1);
     const xMax = Math.max(segment.x0, segment.x1);
-    if (targetX >= xMin - 0.5 && targetX <= xMax + 0.5) {
+    if (targetX >= xMin && targetX <= xMax) {
       const t = findTForX(segment, targetX);
       return evaluateSegmentY(segment, t);
     }

package/LineChart/seriesConfig/curveEvaluation.mjs

@@ -1,4 +1,5 @@
 import { getCurveFactory } from "../../internals/getCurve.mjs";
+import { cubicRoots } from "../../internals/cubiqSolver.mjs";
 
 /**
  * A straight line segment.
@@ -58,8 +59,15 @@ function cubicBezier(t, p0, p1, p2, p3) {
 }
 
 /**
- * Find parameter t such that the segment's x(t) ≈ targetX using bisection.
- * 20 iterations gives ~1e-6 precision relative to the segment's x range.
+ * Get polynomials coefficient of a cubic Bezier curve.
+ * P(t) = rep[0] * t**3  + rep[1] * t**2 + rep[2] * t + rep[3]
+ */
+function cubicBezierCoeffs(p0, p1, p2, p3) {
+  return [-p0 + 3 * p1 - 3 * p2 + p3, 3 * p0 - 6 * p1 + 3 * p2, -3 * p0 + 3 * p1, p0];
+}
+
+/**
+ * Find parameter t such that the segment's x(t) ≈ targetX
  */
 function findTForX(segment, targetX) {
   if (!isBezierSegment(segment)) {
@@ -67,23 +75,14 @@ function findTForX(segment, targetX) {
     const dx = segment.x1 - segment.x0;
     return dx === 0 ? 0 : (targetX - segment.x0) / dx;
   }
-
-  // Cubic bezier — bisect.
-  let lo = 0;
-  let hi = 1;
-  for (let iter = 0; iter < 20; iter += 1) {
-    const mid = (lo + hi) / 2;
-    const x = cubicBezier(mid, segment.x0, segment.cpx1, segment.cpx2, segment.x1);
-    if (x < targetX) {
-      lo = mid;
-    } else {
-      hi = mid;
-    }
-    if (Math.abs(x - targetX) < 1) {
-      return (lo + hi) / 2;
-    }
+  const xBezierCoeffs = cubicBezierCoeffs(segment.x0, segment.cpx1, segment.cpx2, segment.x1);
+  const polyToSolve = [...xBezierCoeffs];
+  polyToSolve[3] -= targetX;
+  const roots = cubicRoots(polyToSolve);
+  if (roots.length > 0) {
+    return roots[0];
   }
-  return (lo + hi) / 2;
+  return -1;
 }
 
 /** Evaluate the segment's y at parameter t. */
@@ -118,9 +117,15 @@ export function evaluateCurveY(points, targetX, curveType) {
 
   // Find the segment containing targetX.
   for (const segment of capture.segments) {
+    if (targetX < segment.x0 + 0.5 && targetX > segment.x0 - 0.5) {
+      return segment.y0;
+    }
+    if (targetX < segment.x1 + 0.5 && targetX > segment.x1 - 0.5) {
+      return segment.y1;
+    }
     const xMin = Math.min(segment.x0, segment.x1);
     const xMax = Math.max(segment.x0, segment.x1);
-    if (targetX >= xMin - 0.5 && targetX <= xMax + 0.5) {
+    if (targetX >= xMin && targetX <= xMax) {
       const t = findTForX(segment, targetX);
       return evaluateSegmentY(segment, t);
     }

package/LineChart/seriesConfig/getItemAtPosition.js

@@ -8,6 +8,7 @@ var _useChartCartesianAxisRendering = require("../../internals/plugins/featurePl
 var _seriesSelectorOfType = require("../../internals/seriesSelectorOfType");
 var _getAxisValue = require("../../internals/plugins/featurePlugins/useChartCartesianAxis/getAxisValue");
 var _scaleGuards = require("../../internals/scaleGuards");
+var _getAsNumber = require("../../internals/getAsNumber");
 var _getValueToPositionMapper = require("../../hooks/getValueToPositionMapper");
 var _curveEvaluation = require("./curveEvaluation");
 /**
@@ -28,21 +29,27 @@ function getBracketIndices(xAxis, pointX) {
     if (index === -1) {
       return null;
     }
-    return {
-      left: index,
+    const axisPointValue = (0, _getValueToPositionMapper.getValueToPositionMapper)(xAxis.scale)(axisData[index]);
+    if (axisPointValue <= pointX) {
+      return index === axisData.length - 1 ? null : {
+        left: index,
+        right: index + 1
+      };
+    }
+    return index === 0 ? null : {
+      left: index - 1,
       right: index
     };
   }
 
   // For continuous axes, find the two adjacent data points surrounding pointX.
   const xValue = scale.invert(pointX);
-  const xAsNumber = xValue instanceof Date ? xValue.getTime() : xValue;
-  const getAsNumber = v => v instanceof Date ? v.getTime() : v;
+  const xAsNumber = (0, _getAsNumber.getAsNumber)(xValue);
 
   // Find the rightmost index where data[i] <= xValue.
   let leftIndex = -1;
   for (let i = 0; i < axisData.length; i += 1) {
-    if (getAsNumber(axisData[i]) <= xAsNumber) {
+    if ((0, _getAsNumber.getAsNumber)(axisData[i]) <= xAsNumber) {
       leftIndex = i;
     } else {
       break;
@@ -53,7 +60,11 @@ function getBracketIndices(xAxis, pointX) {
     return null;
   }
   if (leftIndex === axisData.length - 1) {
-    // Pointer is at or after the last data point — check if it's close enough.
+    if ((0, _getAsNumber.getAsNumber)(axisData[leftIndex]) < xAsNumber) {
+      // Pointer is strictly past the last data point — out of range.
+      return null;
+    }
+    // Pointer is exactly on the last data point.
     return {
       left: leftIndex,
       right: leftIndex
@@ -79,6 +90,7 @@ function getBaselinePixelY(baseline, yScale, stackedY0) {
   if (baseline === 'min') {
     return yScale.range()[0];
   }
+
   // Default: use the stacked baseline value.
   const value = yScale(stackedY0);
   if (Number.isNaN(value)) {
@@ -181,6 +193,9 @@ function getItemAtPosition(state, point) {
       connectNulls,
       curve
     } = seriesItem;
+    if (!connectNulls && (data[left] == null || data[right] == null)) {
+      continue;
+    }
     const dataIndex = (0, _getAxisValue.getAxisIndex)(xAxis, point.x);
     if (dataIndex === -1) {
       continue;
@@ -238,7 +253,7 @@ function getItemAtPosition(state, point) {
   }
 
   // Step 2: If the closest line is within the proximity threshold, pick it.
-  if (closestItem && closestDistance <= LINE_PROXIMITY_THRESHOLD) {
+  if (closestItem && closestDistance <= LINE_PROXIMITY_THRESHOLD && !series.series[closestItem.seriesId].area) {
     return closestItem;
   }
 
@@ -250,8 +265,8 @@ function getItemAtPosition(state, point) {
   for (let g = stackingGroups.length - 1; g >= 0; g -= 1) {
     const groupIds = stackingGroups[g].ids;
 
-    // Iterate in reverse so the topmost stacked area is checked first.
-    for (let i = groupIds.length - 1; i >= 0; i -= 1) {
+    // Iterate in direct order cause the `useAreaPlotData` is already doing a reverse order.
+    for (let i = 0; i < groupIds.length; i += 1) {
       const seriesId = groupIds[i];
       const seriesItem = series.series[seriesId];
       if (seriesItem.hidden || !seriesItem.area) {
@@ -281,12 +296,7 @@ function getItemAtPosition(state, point) {
       } = seriesItem;
 
       // Check for null gaps at bracket points.
-      const leftIsNull = data[left] == null;
-      const rightIsNull = data[right] == null;
-      if (leftIsNull && rightIsNull) {
-        continue;
-      }
-      if ((leftIsNull || rightIsNull) && !connectNulls) {
+      if ((data[left] == null || data[right] == null) && !connectNulls) {
         continue;
       }
       const xScale = xAxis.scale;
@@ -297,28 +307,6 @@ function getItemAtPosition(state, point) {
         continue;
       }
       const getPixelX = idx => xPosition(xData[idx]);
-      if (left === right) {
-        // Ordinal axis or pointer exactly on a data point.
-        const stacked = visibleStackedData[left];
-        if (!stacked) {
-          continue;
-        }
-        const yBottom = getBaselinePixelY(baseline, yScale, stacked[0]);
-        const yTop = yScale(stacked[1]);
-        if ([yBottom, yTop].some(v => v == null || Number.isNaN(v))) {
-          continue;
-        }
-        const yMin = Math.min(yBottom, yTop);
-        const yMax = Math.max(yBottom, yTop);
-        if (point.y >= yMin && point.y <= yMax) {
-          return {
-            type: 'line',
-            seriesId,
-            dataIndex: left
-          };
-        }
-        continue;
-      }
 
       // Build pixel-coordinate points for the top and bottom curves,
       // then evaluate them at the pointer's x using the actual d3 curve.

package/LineChart/seriesConfig/getItemAtPosition.mjs

@@ -2,6 +2,7 @@ import { selectorChartXAxis, selectorChartYAxis } from "../../internals/plugins/
 import { selectorAllSeriesOfType } from "../../internals/seriesSelectorOfType.mjs";
 import { getAxisIndex } from "../../internals/plugins/featurePlugins/useChartCartesianAxis/getAxisValue.mjs";
 import { isOrdinalScale } from "../../internals/scaleGuards.mjs";
+import { getAsNumber } from "../../internals/getAsNumber.mjs";
 import { getValueToPositionMapper } from "../../hooks/getValueToPositionMapper.mjs";
 import { evaluateCurveY } from "./curveEvaluation.mjs";
 
@@ -23,16 +24,22 @@ function getBracketIndices(xAxis, pointX) {
     if (index === -1) {
       return null;
     }
-    return {
-      left: index,
+    const axisPointValue = getValueToPositionMapper(xAxis.scale)(axisData[index]);
+    if (axisPointValue <= pointX) {
+      return index === axisData.length - 1 ? null : {
+        left: index,
+        right: index + 1
+      };
+    }
+    return index === 0 ? null : {
+      left: index - 1,
       right: index
     };
   }
 
   // For continuous axes, find the two adjacent data points surrounding pointX.
   const xValue = scale.invert(pointX);
-  const xAsNumber = xValue instanceof Date ? xValue.getTime() : xValue;
-  const getAsNumber = v => v instanceof Date ? v.getTime() : v;
+  const xAsNumber = getAsNumber(xValue);
 
   // Find the rightmost index where data[i] <= xValue.
   let leftIndex = -1;
@@ -48,7 +55,11 @@ function getBracketIndices(xAxis, pointX) {
     return null;
   }
   if (leftIndex === axisData.length - 1) {
-    // Pointer is at or after the last data point — check if it's close enough.
+    if (getAsNumber(axisData[leftIndex]) < xAsNumber) {
+      // Pointer is strictly past the last data point — out of range.
+      return null;
+    }
+    // Pointer is exactly on the last data point.
     return {
       left: leftIndex,
       right: leftIndex
@@ -74,6 +85,7 @@ function getBaselinePixelY(baseline, yScale, stackedY0) {
   if (baseline === 'min') {
     return yScale.range()[0];
   }
+
   // Default: use the stacked baseline value.
   const value = yScale(stackedY0);
   if (Number.isNaN(value)) {
@@ -176,6 +188,9 @@ export default function getItemAtPosition(state, point) {
       connectNulls,
       curve
     } = seriesItem;
+    if (!connectNulls && (data[left] == null || data[right] == null)) {
+      continue;
+    }
     const dataIndex = getAxisIndex(xAxis, point.x);
     if (dataIndex === -1) {
       continue;
@@ -233,7 +248,7 @@ export default function getItemAtPosition(state, point) {
   }
 
   // Step 2: If the closest line is within the proximity threshold, pick it.
-  if (closestItem && closestDistance <= LINE_PROXIMITY_THRESHOLD) {
+  if (closestItem && closestDistance <= LINE_PROXIMITY_THRESHOLD && !series.series[closestItem.seriesId].area) {
     return closestItem;
   }
 
@@ -245,8 +260,8 @@ export default function getItemAtPosition(state, point) {
   for (let g = stackingGroups.length - 1; g >= 0; g -= 1) {
     const groupIds = stackingGroups[g].ids;
 
-    // Iterate in reverse so the topmost stacked area is checked first.
-    for (let i = groupIds.length - 1; i >= 0; i -= 1) {
+    // Iterate in direct order cause the `useAreaPlotData` is already doing a reverse order.
+    for (let i = 0; i < groupIds.length; i += 1) {
       const seriesId = groupIds[i];
       const seriesItem = series.series[seriesId];
       if (seriesItem.hidden || !seriesItem.area) {
@@ -276,12 +291,7 @@ export default function getItemAtPosition(state, point) {
       } = seriesItem;
 
       // Check for null gaps at bracket points.
-      const leftIsNull = data[left] == null;
-      const rightIsNull = data[right] == null;
-      if (leftIsNull && rightIsNull) {
-        continue;
-      }
-      if ((leftIsNull || rightIsNull) && !connectNulls) {
+      if ((data[left] == null || data[right] == null) && !connectNulls) {
         continue;
       }
       const xScale = xAxis.scale;
@@ -292,28 +302,6 @@ export default function getItemAtPosition(state, point) {
         continue;
       }
       const getPixelX = idx => xPosition(xData[idx]);
-      if (left === right) {
-        // Ordinal axis or pointer exactly on a data point.
-        const stacked = visibleStackedData[left];
-        if (!stacked) {
-          continue;
-        }
-        const yBottom = getBaselinePixelY(baseline, yScale, stacked[0]);
-        const yTop = yScale(stacked[1]);
-        if ([yBottom, yTop].some(v => v == null || Number.isNaN(v))) {
-          continue;
-        }
-        const yMin = Math.min(yBottom, yTop);
-        const yMax = Math.max(yBottom, yTop);
-        if (point.y >= yMin && point.y <= yMax) {
-          return {
-            type: 'line',
-            seriesId,
-            dataIndex: left
-          };
-        }
-        continue;
-      }
 
       // Build pixel-coordinate points for the top and bottom curves,
       // then evaluate them at the pointer's x using the actual d3 curve.

package/LineChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -6,10 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
-  return (0, _extends2.default)({}, seriesData, {
-    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
-    color: seriesData.color ?? colors[seriesIndex % colors.length]
-  });
-};
+const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => (0, _extends2.default)({}, seriesData, {
+  id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
+  color: seriesData.color ?? colors[seriesIndex % colors.length]
+});
 var _default = exports.default = getSeriesWithDefaultValues;

package/LineChart/seriesConfig/getSeriesWithDefaultValues.mjs

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
-  return _extends({}, seriesData, {
-    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
-    color: seriesData.color ?? colors[seriesIndex % colors.length]
-  });
-};
+const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => _extends({}, seriesData, {
+  id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
+  color: seriesData.color ?? colors[seriesIndex % colors.length]
+});
 export default getSeriesWithDefaultValues;

package/LineChart/seriesConfig/seriesProcessor.d.mts

@@ -1,3 +1,5 @@
-import { type SeriesProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
-declare const seriesProcessor: SeriesProcessor<'line'>;
+import { type DatasetType } from "../../models/seriesType/config.mjs";
+import type { SeriesProcessorParams, SeriesProcessorResult } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.mjs";
+import type { IsItemVisibleFunction } from "../../internals/plugins/featurePlugins/useChartVisibilityManager/index.mjs";
+declare function seriesProcessor(params: SeriesProcessorParams<'line'>, dataset?: Readonly<DatasetType>, isItemVisible?: IsItemVisibleFunction): SeriesProcessorResult<'line'>;
 export default seriesProcessor;

package/LineChart/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +1,5 @@
-import { type SeriesProcessor } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
-declare const seriesProcessor: SeriesProcessor<'line'>;
+import { type DatasetType } from "../../models/seriesType/config.js";
+import type { SeriesProcessorParams, SeriesProcessorResult } from "../../internals/plugins/corePlugins/useChartSeriesConfig/index.js";
+import type { IsItemVisibleFunction } from "../../internals/plugins/featurePlugins/useChartVisibilityManager/index.js";
+declare function seriesProcessor(params: SeriesProcessorParams<'line'>, dataset?: Readonly<DatasetType>, isItemVisible?: IsItemVisibleFunction): SeriesProcessorResult<'line'>;
 export default seriesProcessor;

package/LineChart/seriesConfig/seriesProcessor.js

@@ -12,7 +12,7 @@ var _warning = require("@mui/x-internals/warning");
 var _stacking = require("../../internals/stacking");
 const defaultShapes = ['circle', 'square', 'diamond', 'cross', 'star', 'triangle', 'wye'];
 const lineValueFormatter = v => v == null ? '' : v.toLocaleString();
-const seriesProcessor = (params, dataset, isItemVisible) => {
+function seriesProcessor(params, dataset, isItemVisible) {
   const {
     seriesOrder,
     series
@@ -138,5 +138,5 @@ Line plots only support numeric and null values.`);
     stackingGroups,
     series: completedSeries
   };
-};
+}
 var _default = exports.default = seriesProcessor;

package/LineChart/seriesConfig/seriesProcessor.mjs

@@ -5,7 +5,7 @@ import { warnOnce } from '@mui/x-internals/warning';
 import { getStackingGroups } from "../../internals/stacking/index.mjs";
 const defaultShapes = ['circle', 'square', 'diamond', 'cross', 'star', 'triangle', 'wye'];
 const lineValueFormatter = v => v == null ? '' : v.toLocaleString();
-const seriesProcessor = (params, dataset, isItemVisible) => {
+function seriesProcessor(params, dataset, isItemVisible) {
   const {
     seriesOrder,
     series
@@ -131,5 +131,5 @@ Line plots only support numeric and null values.`);
     stackingGroups,
     series: completedSeries
   };
-};
+}
 export default seriesProcessor;

package/PieChart/FocusedPieArc.js

@@ -38,6 +38,9 @@ function FocusedPieArc(props) {
     return null;
   }
   const item = series.data[focusedItem.dataIndex];
+  if (!item || item.hidden) {
+    return null;
+  }
   const _getModifiedArcProper = (0, _getModifiedArcProperties.getModifiedArcProperties)(series, pieSeriesLayout[focusedItem.seriesId], isHighlighted, isFaded),
     arcSizes = (0, _objectWithoutPropertiesLoose2.default)(_getModifiedArcProper, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PieArc.PieArc, (0, _extends2.default)({

package/PieChart/FocusedPieArc.mjs

@@ -32,6 +32,9 @@ export function FocusedPieArc(props) {
     return null;
   }
   const item = series.data[focusedItem.dataIndex];
+  if (!item || item.hidden) {
+    return null;
+  }
   const _getModifiedArcProper = getModifiedArcProperties(series, pieSeriesLayout[focusedItem.seriesId], isHighlighted, isFaded),
     arcSizes = _objectWithoutPropertiesLoose(_getModifiedArcProper, _excluded);
   return /*#__PURE__*/_jsx(PieArc, _extends({

package/RadarChart/FocusedRadarMark.js

@@ -20,6 +20,9 @@ function FocusedRadarMark(props) {
   if (!focusedItem || focusedItem.type !== 'radar' || seriesCoordinates.length === 0) {
     return null;
   }
+  if (seriesCoordinates[0].hidden) {
+    return null;
+  }
   const point = seriesCoordinates[0].points[focusedItem.dataIndex];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", (0, _extends2.default)({
     fill: "none",

package/RadarChart/FocusedRadarMark.mjs

@@ -13,6 +13,9 @@ export function FocusedRadarMark(props) {
   if (!focusedItem || focusedItem.type !== 'radar' || seriesCoordinates.length === 0) {
     return null;
   }
+  if (seriesCoordinates[0].hidden) {
+    return null;
+  }
   const point = seriesCoordinates[0].points[focusedItem.dataIndex];
   return /*#__PURE__*/_jsx("rect", _extends({
     fill: "none",

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.mts

@@ -19,14 +19,14 @@ export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
   }[];
   hidden: boolean;
   type: "radar";
-  label?: string | ((location: "tooltip" | "legend") => string) | undefined;
   highlightScope?: import("../../internals/index.mjs").CommonHighlightScope | undefined;
   labelMarkType?: import("../../internals/index.mjs").ChartsLabelMarkType | undefined;
   colorGetter?: ((data: import("../../internals/index.mjs").ColorCallbackValue<number>) => string) | undefined;
+  label?: string | ((location: "tooltip" | "legend") => string) | undefined;
   hideMark?: boolean | undefined;
   fillArea?: boolean | undefined;
-  data: number[];
   id: SeriesId;
   valueFormatter: import("../../internals/index.mjs").SeriesValueFormatter<number>;
   color: string;
+  data: number[];
 }[];

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.ts

@@ -19,14 +19,14 @@ export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
   }[];
   hidden: boolean;
   type: "radar";
-  label?: string | ((location: "tooltip" | "legend") => string) | undefined;
   highlightScope?: import("../../internals/index.js").CommonHighlightScope | undefined;
   labelMarkType?: import("../../internals/index.js").ChartsLabelMarkType | undefined;
   colorGetter?: ((data: import("../../internals/index.js").ColorCallbackValue<number>) => string) | undefined;
+  label?: string | ((location: "tooltip" | "legend") => string) | undefined;
   hideMark?: boolean | undefined;
   fillArea?: boolean | undefined;
-  data: number[];
   id: SeriesId;
   valueFormatter: import("../../internals/index.js").SeriesValueFormatter<number>;
   color: string;
+  data: number[];
 }[];

package/ScatterChart/FocusedScatterMark.js

@@ -38,6 +38,9 @@ function FocusedScatterMark(_ref) {
     return null;
   }
   const series = scatterSeries?.series[focusedItem.seriesId];
+  if (!series || series.hidden) {
+    return null;
+  }
   const xAxisId = series.xAxisId ?? xAxisIds[0];
   const yAxisId = series.yAxisId ?? yAxisIds[0];
   const getXPosition = (0, _hooks.getValueToPositionMapper)(xAxis[xAxisId].scale);

package/ScatterChart/FocusedScatterMark.mjs

@@ -31,6 +31,9 @@ export function FocusedScatterMark(_ref) {
     return null;
   }
   const series = scatterSeries?.series[focusedItem.seriesId];
+  if (!series || series.hidden) {
+    return null;
+  }
   const xAxisId = series.xAxisId ?? xAxisIds[0];
   const yAxisId = series.yAxisId ?? yAxisIds[0];
   const getXPosition = getValueToPositionMapper(xAxis[xAxisId].scale);

package/hooks/useAxis.d.mts

@@ -87,7 +87,7 @@ export declare function useYAxis<T extends keyof AxisScaleConfig>(axisId?: AxisI
  * @see `useRotationAxis` for accessing a single rotation axis
  */
 export declare function useRotationAxes(): {
-  rotationAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.mjs").DefaultizedAxisConfig<ChartsRotationAxisProps>;
+  rotationAxis: import("../internals/index.mjs").ComputedAxisConfig<ChartsRotationAxisProps>;
   rotationAxisIds: string[];
 };
 /**
@@ -106,7 +106,7 @@ export declare function useRotationAxes(): {
  * @see `useRadiusAxis` for accessing a single radius axis
  */
 export declare function useRadiusAxes(): {
-  radiusAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.mjs").DefaultizedAxisConfig<ChartsRadiusAxisProps>;
+  radiusAxis: import("../internals/index.mjs").ComputedAxisConfig<ChartsRadiusAxisProps>;
   radiusAxisIds: string[];
 };
 /**

package/hooks/useAxis.d.ts

@@ -87,7 +87,7 @@ export declare function useYAxis<T extends keyof AxisScaleConfig>(axisId?: AxisI
  * @see `useRotationAxis` for accessing a single rotation axis
  */
 export declare function useRotationAxes(): {
-  rotationAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js").DefaultizedAxisConfig<ChartsRotationAxisProps>;
+  rotationAxis: import("../internals/index.js").ComputedAxisConfig<ChartsRotationAxisProps>;
   rotationAxisIds: string[];
 };
 /**
@@ -106,7 +106,7 @@ export declare function useRotationAxes(): {
  * @see `useRadiusAxis` for accessing a single radius axis
  */
 export declare function useRadiusAxes(): {
-  radiusAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js").DefaultizedAxisConfig<ChartsRadiusAxisProps>;
+  radiusAxis: import("../internals/index.js").ComputedAxisConfig<ChartsRadiusAxisProps>;
   radiusAxisIds: string[];
 };
 /**