@mui/x-charts 9.0.1 → 9.0.3

package/internals/cubiqSolver.mjs

@@ -0,0 +1,56 @@
+/**
+ * Cubic equation solver. Only returns real root between 0 and 1, which is the only case we care about for curve evaluation.
+ * From https://www.particleincell.com/2013/cubic-line-intersection/
+ */
+export function cubicRoots(P) {
+  const a = P[0];
+  const b = P[1];
+  const c = P[2];
+  const d = P[3];
+  if (a === 0) {
+    if (b === 0) {
+      if (c === 0) {
+        return []; // constant case
+      }
+      return [-d / c].filter(r => r >= 0 && r <= 1); // linear case
+    }
+
+    // quadratic case
+    const discriminant = c * c - 4 * b * d;
+    if (discriminant < 0) {
+      return [];
+    }
+    const sqrtDisc = Math.sqrt(discriminant);
+    return [(-c + sqrtDisc) / (2 * b), (-c - sqrtDisc) / (2 * b)].filter(r => r >= 0 && r <= 1);
+  }
+
+  // cubic case
+
+  const A = b / a;
+  const B = c / a;
+  const C = d / a;
+  const Q = (3 * B - Math.pow(A, 2)) / 9;
+  const R = (9 * A * B - 27 * C - 2 * Math.pow(A, 3)) / 54;
+  const D = Math.pow(Q, 3) + Math.pow(R, 2); // polynomial discriminant
+
+  const result = [];
+  if (D >= 0)
+    // complex or duplicate roots
+    {
+      const S = Math.sign(R + Math.sqrt(D)) * Math.pow(Math.abs(R + Math.sqrt(D)), 1 / 3);
+      const T = Math.sign(R - Math.sqrt(D)) * Math.pow(Math.abs(R - Math.sqrt(D)), 1 / 3);
+      result.push(-A / 3 + (S + T)); // real root
+
+      if (S - T !== 0) {
+        return result.filter(r => r >= 0 && r <= 1);
+      }
+      result.push(-A / 3 - (S + T) / 2); // real part of complex root
+      result.push(-A / 3 - (S + T) / 2); // real part of complex root
+      return result.filter(r => r >= 0 && r <= 1);
+    }
+  const th = Math.acos(R / Math.sqrt(-Math.pow(Q, 3)));
+  result.push(2 * Math.sqrt(-Q) * Math.cos(th / 3) - A / 3);
+  result.push(2 * Math.sqrt(-Q) * Math.cos((th + 2 * Math.PI) / 3) - A / 3);
+  result.push(2 * Math.sqrt(-Q) * Math.cos((th + 4 * Math.PI) / 3) - A / 3);
+  return result.filter(r => r >= 0 && r <= 1);
+}

package/internals/index.d.mts

@@ -17,6 +17,7 @@ export { processBarDataForPlot } from "../BarChart/useBarPlotData.mjs";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.mjs";
 export * from "../ChartsContainer/useChartsContainerProps.mjs";
 export * from "../ChartsDataProvider/useChartsDataProviderProps.mjs";
+export * from "../ChartsRadialDataProvider/useChartsRadialDataProviderProps.mjs";
 export * from "./seriesSelectorOfType.mjs";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.mjs";
 export { useRegisterPointerInteractions } from "./plugins/featurePlugins/shared/useRegisterPointerInteractions.mjs";
@@ -75,6 +76,8 @@ export * from "../context/ChartsProvider/index.mjs";
 export * from "../context/ChartsSlotsContext.mjs";
 export * from "../models/seriesType/config.mjs";
 export * from "../models/seriesType/common.mjs";
+export * from "../models/seriesType/line.mjs";
+export * from "../models/seriesType/bar.mjs";
 export * from "../models/z-axis.mjs";
 export * from "../models/axis.mjs";
 export * from "../models/seriesType/composition.mjs";
@@ -84,4 +87,5 @@ export * from "./createSvgIcon.mjs";
 export * from "./constants.mjs";
 export * from "./scales/index.mjs";
 export * from "./identifierSerializer.mjs";
-export * from "./identifierCleaner.mjs";
+export * from "./identifierCleaner.mjs";
+export { default as getLineItemAtPosition } from "../LineChart/seriesConfig/getItemAtPosition.mjs";

package/internals/index.d.ts

@@ -17,6 +17,7 @@ export { processBarDataForPlot } from "../BarChart/useBarPlotData.js";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.js";
 export * from "../ChartsContainer/useChartsContainerProps.js";
 export * from "../ChartsDataProvider/useChartsDataProviderProps.js";
+export * from "../ChartsRadialDataProvider/useChartsRadialDataProviderProps.js";
 export * from "./seriesSelectorOfType.js";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.js";
 export { useRegisterPointerInteractions } from "./plugins/featurePlugins/shared/useRegisterPointerInteractions.js";
@@ -75,6 +76,8 @@ export * from "../context/ChartsProvider/index.js";
 export * from "../context/ChartsSlotsContext.js";
 export * from "../models/seriesType/config.js";
 export * from "../models/seriesType/common.js";
+export * from "../models/seriesType/line.js";
+export * from "../models/seriesType/bar.js";
 export * from "../models/z-axis.js";
 export * from "../models/axis.js";
 export * from "../models/seriesType/composition.js";
@@ -84,4 +87,5 @@ export * from "./createSvgIcon.js";
 export * from "./constants.js";
 export * from "./scales/index.js";
 export * from "./identifierSerializer.js";
-export * from "./identifierCleaner.js";
+export * from "./identifierCleaner.js";
+export { default as getLineItemAtPosition } from "../LineChart/seriesConfig/getItemAtPosition.js";

package/internals/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -25,7 +26,8 @@ var _exportNames = {
   getBandSize: true,
   useChartsTooltipUtilityClasses: true,
   getChartsTooltipUtilityClass: true,
-  getAxisExtrema: true
+  getAxisExtrema: true,
+  getLineItemAtPosition: true
 };
 Object.defineProperty(exports, "checkBarChartScaleErrors", {
   enumerable: true,
@@ -69,6 +71,12 @@ Object.defineProperty(exports, "getChartsTooltipUtilityClass", {
     return _chartsTooltipClasses.getChartsTooltipUtilityClass;
   }
 });
+Object.defineProperty(exports, "getLineItemAtPosition", {
+  enumerable: true,
+  get: function () {
+    return _getItemAtPosition.default;
+  }
+});
 Object.defineProperty(exports, "getSeriesColorFn", {
   enumerable: true,
   get: function () {
@@ -266,6 +274,18 @@ Object.keys(_useChartsDataProviderProps).forEach(function (key) {
     }
   });
 });
+var _useChartsRadialDataProviderProps = require("../ChartsRadialDataProvider/useChartsRadialDataProviderProps");
+Object.keys(_useChartsRadialDataProviderProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartsRadialDataProviderProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartsRadialDataProviderProps[key];
+    }
+  });
+});
 var _seriesSelectorOfType = require("./seriesSelectorOfType");
 Object.keys(_seriesSelectorOfType).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -852,6 +872,30 @@ Object.keys(_common).forEach(function (key) {
     }
   });
 });
+var _line = require("../models/seriesType/line");
+Object.keys(_line).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _line[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _line[key];
+    }
+  });
+});
+var _bar = require("../models/seriesType/bar");
+Object.keys(_bar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _bar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bar[key];
+    }
+  });
+});
 var _zAxis = require("../models/z-axis");
 Object.keys(_zAxis).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -971,4 +1015,5 @@ Object.keys(_identifierCleaner).forEach(function (key) {
       return _identifierCleaner[key];
     }
   });
-});
+});
+var _getItemAtPosition = _interopRequireDefault(require("../LineChart/seriesConfig/getItemAtPosition"));

package/internals/index.mjs

@@ -20,6 +20,7 @@ export { processBarDataForPlot } from "../BarChart/useBarPlotData.mjs";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.mjs";
 export * from "../ChartsContainer/useChartsContainerProps.mjs";
 export * from "../ChartsDataProvider/useChartsDataProviderProps.mjs";
+export * from "../ChartsRadialDataProvider/useChartsRadialDataProviderProps.mjs";
 export * from "./seriesSelectorOfType.mjs";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.mjs";
 export { useRegisterPointerInteractions } from "./plugins/featurePlugins/shared/useRegisterPointerInteractions.mjs";
@@ -88,6 +89,8 @@ export * from "../context/ChartsSlotsContext.mjs";
 // series configuration
 export * from "../models/seriesType/config.mjs";
 export * from "../models/seriesType/common.mjs";
+export * from "../models/seriesType/line.mjs";
+export * from "../models/seriesType/bar.mjs";
 export * from "../models/z-axis.mjs";
 export * from "../models/axis.mjs";
 export * from "../models/seriesType/composition.mjs";
@@ -97,4 +100,5 @@ export * from "./createSvgIcon.mjs";
 export * from "./constants.mjs";
 export * from "./scales/index.mjs";
 export * from "./identifierSerializer.mjs";
-export * from "./identifierCleaner.mjs";
+export * from "./identifierCleaner.mjs";
+export { default as getLineItemAtPosition } from "../LineChart/seriesConfig/getItemAtPosition.mjs";

package/internals/isPolar.d.mts

@@ -1,2 +1,3 @@
-import { type PolarChartSeriesType } from "../models/seriesType/config.mjs";
-export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
+import { type ChartSeriesType, type ChartSeriesDefaultized, type PolarChartSeriesType } from "../models/seriesType/config.mjs";
+export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
+export declare function isPolarSeries(series: ChartSeriesDefaultized<ChartSeriesType>): series is ChartSeriesDefaultized<PolarChartSeriesType>;

package/internals/isPolar.d.ts

@@ -1,2 +1,3 @@
-import { type PolarChartSeriesType } from "../models/seriesType/config.js";
-export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
+import { type ChartSeriesType, type ChartSeriesDefaultized, type PolarChartSeriesType } from "../models/seriesType/config.js";
+export declare function isPolarSeriesType(seriesType: string): seriesType is PolarChartSeriesType;
+export declare function isPolarSeries(series: ChartSeriesDefaultized<ChartSeriesType>): series is ChartSeriesDefaultized<PolarChartSeriesType>;

package/internals/isPolar.js

@@ -3,8 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.isPolarSeries = isPolarSeries;
 exports.isPolarSeriesType = isPolarSeriesType;
 var _configInit = require("./configInit");
 function isPolarSeriesType(seriesType) {
   return _configInit.polarSeriesTypes.getTypes().has(seriesType);
+}
+function isPolarSeries(series) {
+  return isPolarSeriesType(series.type);
 }

package/internals/isPolar.mjs

@@ -1,4 +1,7 @@
 import { polarSeriesTypes } from "./configInit.mjs";
 export function isPolarSeriesType(seriesType) {
   return polarSeriesTypes.getTypes().has(seriesType);
+}
+export function isPolarSeries(series) {
+  return isPolarSeriesType(series.type);
 }

package/internals/material/index.js

@@ -8,9 +8,14 @@ exports.defaultSlotsMaterial = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _ToggleButton = _interopRequireDefault(require("@mui/material/ToggleButton"));
+var _ToggleButtonGroup = _interopRequireDefault(require("@mui/material/ToggleButtonGroup"));
 const baseSlots = {
   baseButton: _Button.default,
-  baseIconButton: _IconButton.default
+  baseIconButton: _IconButton.default,
+  // MUI Toggle button has an `href` prop that is not compatible with our API.
+  baseToggleButton: _ToggleButton.default,
+  baseToggleButtonGroup: _ToggleButtonGroup.default
 };
 const iconSlots = {};
 const defaultSlotsMaterial = exports.defaultSlotsMaterial = (0, _extends2.default)({}, baseSlots, iconSlots);

package/internals/material/index.mjs

@@ -1,9 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import IconButton from '@mui/material/IconButton';
 import Button from '@mui/material/Button';
+import ToggleButton from '@mui/material/ToggleButton';
+import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 const baseSlots = {
   baseButton: Button,
-  baseIconButton: IconButton
+  baseIconButton: IconButton,
+  // MUI Toggle button has an `href` prop that is not compatible with our API.
+  baseToggleButton: ToggleButton,
+  baseToggleButtonGroup: ToggleButtonGroup
 };
 const iconSlots = {};
 export const defaultSlotsMaterial = _extends({}, baseSlots, iconSlots);

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

@@ -1,4 +1,4 @@
-import type { ComputedXAxis, ComputedYAxis } from "../../../../../models/axis.mjs";
+import type { ChartsRadiusAxisProps, ChartsRotationAxisProps, ComputedAxis, ComputedXAxis, ComputedYAxis, ScaleName } from "../../../../../models/axis.mjs";
 import type { DefaultizedSeriesType } from "../../../../../models/seriesType/index.mjs";
 import type { ZAxisDefaultized } from "../../../../../models/z-axis.mjs";
 import type { ChartSeriesType } from "../../../../../models/seriesType/config.mjs";
@@ -7,13 +7,12 @@ import type { ChartSeriesType } from "../../../../../models/seriesType/config.mj
  * If dataIndex is not defined, it falls back to the series color when defined.
  */
 export type ColorGetter<SeriesType extends ChartSeriesType> = SeriesType extends 'pie' | 'funnel' ? (dataIndex: number) => string : SeriesType extends 'heatmap' ? (value: number | null) => string : (dataIndex?: number) => string;
+export type ColorProcessor<SeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<SeriesType>,
 /**
- * Transforms charts config to a color getter.
- * If dataIndex is not defined, it falls back to the series color.
- * @param {DefaultizedSeriesType<SeriesType>} series - The series configuration.
- * @param {ComputedXAxis | undefined} xAxis - The computed x-axis configuration.
- * @param {ComputedYAxis | undefined} yAxis - The computed y-axis configuration.
- * @param {ZAxisDefaultized | undefined} zAxis - The defaulted z-axis configuration.
- * @returns {ColorGetter<SeriesType>} A function that takes a data index and returns a color string.
+ * Either the x-axis or rotation-axis, depending on the coordinate system.
  */
-export type ColorProcessor<SeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<SeriesType>, xAxis?: ComputedXAxis, yAxis?: ComputedYAxis, zAxis?: ZAxisDefaultized) => ColorGetter<SeriesType>;
+mainAxis?: ComputedXAxis | ComputedAxis<ScaleName, any, ChartsRotationAxisProps>,
+/**
+ * Either the y-axis or radius-axis, depending on the coordinate system.
+ */
+secondaryAxis?: ComputedYAxis | ComputedAxis<ScaleName, any, ChartsRadiusAxisProps>, zAxis?: ZAxisDefaultized) => ColorGetter<SeriesType>;

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

@@ -1,4 +1,4 @@
-import type { ComputedXAxis, ComputedYAxis } from "../../../../../models/axis.js";
+import type { ChartsRadiusAxisProps, ChartsRotationAxisProps, ComputedAxis, ComputedXAxis, ComputedYAxis, ScaleName } from "../../../../../models/axis.js";
 import type { DefaultizedSeriesType } from "../../../../../models/seriesType/index.js";
 import type { ZAxisDefaultized } from "../../../../../models/z-axis.js";
 import type { ChartSeriesType } from "../../../../../models/seriesType/config.js";
@@ -7,13 +7,12 @@ import type { ChartSeriesType } from "../../../../../models/seriesType/config.js
  * If dataIndex is not defined, it falls back to the series color when defined.
  */
 export type ColorGetter<SeriesType extends ChartSeriesType> = SeriesType extends 'pie' | 'funnel' ? (dataIndex: number) => string : SeriesType extends 'heatmap' ? (value: number | null) => string : (dataIndex?: number) => string;
+export type ColorProcessor<SeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<SeriesType>,
 /**
- * Transforms charts config to a color getter.
- * If dataIndex is not defined, it falls back to the series color.
- * @param {DefaultizedSeriesType<SeriesType>} series - The series configuration.
- * @param {ComputedXAxis | undefined} xAxis - The computed x-axis configuration.
- * @param {ComputedYAxis | undefined} yAxis - The computed y-axis configuration.
- * @param {ZAxisDefaultized | undefined} zAxis - The defaulted z-axis configuration.
- * @returns {ColorGetter<SeriesType>} A function that takes a data index and returns a color string.
+ * Either the x-axis or rotation-axis, depending on the coordinate system.
  */
-export type ColorProcessor<SeriesType extends ChartSeriesType> = (series: DefaultizedSeriesType<SeriesType>, xAxis?: ComputedXAxis, yAxis?: ComputedYAxis, zAxis?: ZAxisDefaultized) => ColorGetter<SeriesType>;
+mainAxis?: ComputedXAxis | ComputedAxis<ScaleName, any, ChartsRotationAxisProps>,
+/**
+ * Either the y-axis or radius-axis, depending on the coordinate system.
+ */
+secondaryAxis?: ComputedYAxis | ComputedAxis<ScaleName, any, ChartsRadiusAxisProps>, zAxis?: ZAxisDefaultized) => ColorGetter<SeriesType>;

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

@@ -49,17 +49,15 @@ function defaultizeXAxis(inAxes, dataset, axesGap) {
       }
     }
 
-    // If `dataKey` is NOT provided
-    if (dataKey === undefined || axisConfig.data !== undefined) {
+    // If data is already provided or no dataset extraction is needed
+    if (axisConfig.data !== undefined || dataKey === undefined && !axisConfig.valueGetter) {
       return sharedConfig;
     }
     if (dataset === undefined) {
-      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The x-axis uses `dataKey` but no `dataset` is provided. ' + 'When using dataKey, a dataset must be provided to retrieve the axis data. ' + 'Either provide a dataset prop or use the data property directly on the x-axis.' : (0, _formatErrorMessage2.default)(37));
+      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The x-axis uses `dataKey` or `valueGetter` but no `dataset` is provided. ' + 'When using dataKey or valueGetter, a dataset must be provided to retrieve the axis data. ' + 'Either provide a dataset prop or use the data property directly on the x-axis.' : (0, _formatErrorMessage2.default)(37));
     }
-
-    // If `dataKey` is provided
     return (0, _extends2.default)({}, sharedConfig, {
-      data: dataset.map(d => d[dataKey])
+      data: axisConfig.valueGetter ? dataset.map(d => axisConfig.valueGetter(d)) : dataset.map(d => d[dataKey])
     });
   });
   return parsedAxes;
@@ -103,17 +101,15 @@ function defaultizeYAxis(inAxes, dataset, axesGap) {
       }
     }
 
-    // If `dataKey` is NOT provided
-    if (dataKey === undefined || axisConfig.data !== undefined) {
+    // If data is already provided or no dataset extraction is needed
+    if (axisConfig.data !== undefined || dataKey === undefined && !axisConfig.valueGetter) {
       return sharedConfig;
     }
     if (dataset === undefined) {
-      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The y-axis uses `dataKey` but no `dataset` is provided. ' + 'When using dataKey, a dataset must be provided to retrieve the axis data. ' + 'Either provide a dataset prop or use the data property directly on the y-axis.' : (0, _formatErrorMessage2.default)(38));
+      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The y-axis uses `dataKey` or `valueGetter` but no `dataset` is provided. ' + 'When using dataKey or valueGetter, a dataset must be provided to retrieve the axis data. ' + 'Either provide a dataset prop or use the data property directly on the y-axis.' : (0, _formatErrorMessage2.default)(38));
     }
-
-    // If `dataKey` is provided
     return (0, _extends2.default)({}, sharedConfig, {
-      data: dataset.map(d => d[dataKey])
+      data: axisConfig.valueGetter ? dataset.map(d => axisConfig.valueGetter(d)) : dataset.map(d => d[dataKey])
     });
   });
   return parsedAxes;

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

@@ -41,17 +41,15 @@ export function defaultizeXAxis(inAxes, dataset, axesGap) {
       }
     }
 
-    // If `dataKey` is NOT provided
-    if (dataKey === undefined || axisConfig.data !== undefined) {
+    // If data is already provided or no dataset extraction is needed
+    if (axisConfig.data !== undefined || dataKey === undefined && !axisConfig.valueGetter) {
       return sharedConfig;
     }
     if (dataset === undefined) {
-      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The x-axis uses `dataKey` but no `dataset` is provided. ' + 'When using dataKey, a dataset must be provided to retrieve the axis data. ' + 'Either provide a dataset prop or use the data property directly on the x-axis.' : _formatErrorMessage(37));
+      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The x-axis uses `dataKey` or `valueGetter` but no `dataset` is provided. ' + 'When using dataKey or valueGetter, a dataset must be provided to retrieve the axis data. ' + 'Either provide a dataset prop or use the data property directly on the x-axis.' : _formatErrorMessage(37));
     }
-
-    // If `dataKey` is provided
     return _extends({}, sharedConfig, {
-      data: dataset.map(d => d[dataKey])
+      data: axisConfig.valueGetter ? dataset.map(d => axisConfig.valueGetter(d)) : dataset.map(d => d[dataKey])
     });
   });
   return parsedAxes;
@@ -95,17 +93,15 @@ export function defaultizeYAxis(inAxes, dataset, axesGap) {
       }
     }
 
-    // If `dataKey` is NOT provided
-    if (dataKey === undefined || axisConfig.data !== undefined) {
+    // If data is already provided or no dataset extraction is needed
+    if (axisConfig.data !== undefined || dataKey === undefined && !axisConfig.valueGetter) {
       return sharedConfig;
     }
     if (dataset === undefined) {
-      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The y-axis uses `dataKey` but no `dataset` is provided. ' + 'When using dataKey, a dataset must be provided to retrieve the axis data. ' + 'Either provide a dataset prop or use the data property directly on the y-axis.' : _formatErrorMessage(38));
+      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The y-axis uses `dataKey` or `valueGetter` but no `dataset` is provided. ' + 'When using dataKey or valueGetter, a dataset must be provided to retrieve the axis data. ' + 'Either provide a dataset prop or use the data property directly on the y-axis.' : _formatErrorMessage(38));
     }
-
-    // If `dataKey` is provided
     return _extends({}, sharedConfig, {
-      data: dataset.map(d => d[dataKey])
+      data: axisConfig.valueGetter ? dataset.map(d => axisConfig.valueGetter(d)) : dataset.map(d => d[dataKey])
     });
   });
   return parsedAxes;

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

@@ -83,6 +83,7 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   id: AxisId;
   data?: readonly any[] | undefined;
   dataKey?: string;
+  valueGetter?: ((item: import("../../../index.mjs").DatasetElementType<unknown>) => any) | undefined;
   valueFormatter?: (<TScaleName extends keyof import("../../../index.mjs").AxisScaleConfig>(value: any, context: import("../../../index.mjs").AxisValueFormatterContext<TScaleName>) => string) | undefined;
   hideTooltip?: boolean;
   reverse?: boolean;

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

@@ -83,6 +83,7 @@ export declare const selectorChartRawAxis: (args_0: import("../../corePlugins/us
   id: AxisId;
   data?: readonly any[] | undefined;
   dataKey?: string;
+  valueGetter?: ((item: import("../../../index.js").DatasetElementType<unknown>) => any) | undefined;
   valueFormatter?: (<TScaleName extends keyof import("../../../index.js").AxisScaleConfig>(value: any, context: import("../../../index.js").AxisValueFormatterContext<TScaleName>) => string) | undefined;
   hideTooltip?: boolean;
   reverse?: boolean;

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

@@ -1,14 +1,15 @@
-import { type AxisConfig, type ScaleName } from "../../../../models/index.mjs";
+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 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: DefaultizedAxisConfig<T>;
+  axis: ComputedAxisConfig<T>;
   axisIds: string[];
 };
 type ComputeCommonParams<SeriesType extends ChartSeriesType = ChartSeriesType> = {

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

@@ -1,14 +1,15 @@
-import { type AxisConfig, type ScaleName } from "../../../../models/index.js";
+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 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: DefaultizedAxisConfig<T>;
+  axis: ComputedAxisConfig<T>;
   axisIds: string[];
 };
 type ComputeCommonParams<SeriesType extends ChartSeriesType = ChartSeriesType> = {

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

@@ -15,20 +15,26 @@ var _getAxisExtremum = require("./getAxisExtremum");
 var _angleConversion = require("../../../angleConversion");
 var _getAxisTriggerTooltip = require("./getAxisTriggerTooltip");
 var _scales = require("../../../scales");
+var _epsilon = require("../../../../utils/epsilon");
 function getRange(drawingArea, axisDirection, axis) {
   if (axisDirection === 'rotation') {
-    if (axis.scaleType === 'point') {
-      const angles = [(0, _angleConversion.deg2rad)(axis.startAngle, 0), (0, _angleConversion.deg2rad)(axis.endAngle, 2 * Math.PI)];
-      const diff = angles[1] - angles[0];
-      if (diff > Math.PI * 2 - 0.1) {
-        // If we cover a full circle, we remove a slice to avoid having data point at the same place.
-        angles[1] -= diff / axis.data.length;
-      }
-      return angles;
+    const angles = [(0, _angleConversion.deg2rad)(axis.startAngle, 0), (0, _angleConversion.deg2rad)(axis.endAngle, 2 * Math.PI)];
+    const diff = angles[1] - angles[0];
+    const isFullCircle = diff >= Math.PI * 2 - _epsilon.EPSILON;
+    if (axis.scaleType === 'point' && isFullCircle) {
+      // For point scale, remove a slice to avoid overlapping first and last points.
+      angles[1] -= diff / axis.data.length;
     }
-    return [(0, _angleConversion.deg2rad)(axis.startAngle, 0), (0, _angleConversion.deg2rad)(axis.endAngle, 2 * Math.PI)];
+    return {
+      range: angles,
+      isFullCircle
+    };
   }
-  return [0, Math.min(drawingArea.height, drawingArea.width) / 2];
+  const availableRadius = Math.min(drawingArea.height, drawingArea.width) / 2;
+  return {
+    range: [axis.minRadius ?? 0, axis.maxRadius ?? availableRadius],
+    isFullCircle: false
+  };
 }
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
@@ -49,7 +55,10 @@ function computeAxisValue({
   const completeAxis = {};
   allAxis.forEach((eachAxis, axisIndex) => {
     const axis = eachAxis;
-    const range = getRange(drawingArea, axisDirection, axis);
+    const {
+      range,
+      isFullCircle
+    } = getRange(drawingArea, axisDirection, axis);
     const [minData, maxData] = (0, _getAxisExtremum.getAxisExtremum)(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);
     const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
     const data = axis.data ?? [];
@@ -67,7 +76,8 @@ function computeAxisValue({
         tickNumber: axis.data.length,
         colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
           values: axis.data
-        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
+        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap)),
+        isFullCircle
       });
       if ((0, _dateHelpers.isDateData)(axis.data)) {
         const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis.data, range, axis.tickNumber);
@@ -84,7 +94,8 @@ function computeAxisValue({
         tickNumber: axis.data.length,
         colorScale: axis.colorMap && (axis.colorMap.type === 'ordinal' ? (0, _colorScale.getOrdinalColorScale)((0, _extends2.default)({
           values: axis.data
-        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
+        }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap)),
+        isFullCircle
       });
       if ((0, _dateHelpers.isDateData)(axis.data)) {
         const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis.data, range, axis.tickNumber);
@@ -106,10 +117,12 @@ function computeAxisValue({
       axisExtremums[0] = min;
       axisExtremums[1] = max;
     }
-    const rawTickNumber = (0, _ticks.getTickNumber)(axis, axisExtremums, (0, _ticks.getDefaultTickNumber)(Math.abs(range[1] - range[0])));
-    const tickNumber = (0, _ticks.scaleTickNumberByRange)(rawTickNumber, range);
+
+    // Use degrees to display more ticks by default
+    const ratio = axisDirection === 'rotation' ? 180 / 3 : 1;
+    const tickNumber = axis.tickNumber ?? (0, _ticks.getTickNumber)(axis, axisExtremums, (0, _ticks.getDefaultTickNumber)(ratio * Math.abs(range[1] - range[0])));
     const scale = (0, _getScale.getScale)(scaleType, axisExtremums, range);
-    const finalScale = domainLimit === 'nice' ? scale.nice(rawTickNumber) : scale;
+    const finalScale = domainLimit === 'nice' ? scale.nice(tickNumber) : scale;
     const [minDomain, maxDomain] = finalScale.domain();
     const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];
     completeAxis[axis.id] = (0, _extends2.default)({