@mui/x-charts 9.0.1 → 9.0.2

package/SparkLineChart/SparkLineChart.mjs

@@ -641,7 +641,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -700,7 +701,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -746,7 +748,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -793,7 +796,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -839,7 +843,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -885,7 +890,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -935,7 +941,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -985,7 +992,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['x']),
     classes: PropTypes.object,
@@ -1031,7 +1039,8 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func
+    valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func
   })]),
   /**
    * The yAxis configuration.
@@ -1096,6 +1105,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1154,6 +1164,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1199,6 +1210,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1245,6 +1257,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1290,6 +1303,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1335,6 +1349,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1384,6 +1399,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1433,6 +1449,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   }), PropTypes.shape({
     axis: PropTypes.oneOf(['y']),
@@ -1478,6 +1495,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
     tickSize: PropTypes.number,
     tickSpacing: PropTypes.number,
     valueFormatter: PropTypes.func,
+    valueGetter: PropTypes.func,
     width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number])
   })])
 } : void 0;

package/hooks/useTicks.d.mts

@@ -86,6 +86,6 @@ interface GetTicksOptions extends Pick<TickParams, 'tickInterval' | 'tickPlaceme
 }
 export declare function getTicks(options: GetTicksOptions): TickItem[];
 export declare function useTicks(options: Omit<GetTicksOptions, 'isInside'> & {
-  direction: 'x' | 'y';
+  direction: 'x' | 'y' | 'rotation' | 'radius';
 }): TickItem[];
 export {};

package/hooks/useTicks.d.ts

@@ -86,6 +86,6 @@ interface GetTicksOptions extends Pick<TickParams, 'tickInterval' | 'tickPlaceme
 }
 export declare function getTicks(options: GetTicksOptions): TickItem[];
 export declare function useTicks(options: Omit<GetTicksOptions, 'isInside'> & {
-  direction: 'x' | 'y';
+  direction: 'x' | 'y' | 'rotation' | 'radius';
 }): TickItem[];
 export {};

package/hooks/useTicks.js

@@ -14,6 +14,7 @@ var _isInfinity = require("../internals/isInfinity");
 var _timeTicks = require("../utils/timeTicks");
 var _dateHelpers = require("../internals/dateHelpers");
 var _useChartsContext = require("../context/ChartsProvider/useChartsContext");
+var _epsilon = require("../utils/epsilon");
 const offsetRatio = {
   start: 0,
   extremities: 0,
@@ -238,6 +239,24 @@ function getDefaultTicks(scale, tickNumber) {
   }
   return scale.ticks(tickNumber);
 }
+const alwaysTrue = () => true;
+
+// Avoid ticks on more than 360° for rotation axis.
+const isInsideRotation = scale => rotation => Math.abs(scale.range()[0] - rotation) < Math.PI * 2 - _epsilon.EPSILON;
+function getIsInside(scale, direction, instance) {
+  switch (direction) {
+    case 'rotation':
+      return isInsideRotation(scale);
+    case 'radius':
+      return radiusOffset => radiusOffset >= 1;
+    case 'x':
+      return instance.isXInside;
+    case 'y':
+      return instance.isYInside;
+    default:
+      return alwaysTrue;
+  }
+}
 function useTicks(options) {
   const {
     scale,
@@ -253,7 +272,6 @@ function useTicks(options) {
   const {
     instance
   } = (0, _useChartsContext.useChartsContext)();
-  const isInside = direction === 'x' ? instance.isXInside : instance.isYInside;
   return React.useMemo(() => getTicks({
     scale,
     tickNumber,
@@ -262,7 +280,7 @@ function useTicks(options) {
     tickLabelPlacement,
     tickSpacing,
     valueFormatter,
-    isInside,
+    isInside: getIsInside(scale, direction, instance),
     ordinalTimeTicks
-  }), [scale, tickNumber, tickPlacement, tickInterval, tickLabelPlacement, tickSpacing, valueFormatter, isInside, ordinalTimeTicks]);
+  }), [scale, tickNumber, tickPlacement, tickInterval, tickLabelPlacement, tickSpacing, valueFormatter, direction, instance, ordinalTimeTicks]);
 }

package/hooks/useTicks.mjs

@@ -6,6 +6,7 @@ import { isInfinity } from "../internals/isInfinity.mjs";
 import { tickFrequencies } from "../utils/timeTicks.mjs";
 import { isDateData } from "../internals/dateHelpers.mjs";
 import { useChartsContext } from "../context/ChartsProvider/useChartsContext.mjs";
+import { EPSILON } from "../utils/epsilon.mjs";
 const offsetRatio = {
   start: 0,
   extremities: 0,
@@ -230,6 +231,24 @@ function getDefaultTicks(scale, tickNumber) {
   }
   return scale.ticks(tickNumber);
 }
+const alwaysTrue = () => true;
+
+// Avoid ticks on more than 360° for rotation axis.
+const isInsideRotation = scale => rotation => Math.abs(scale.range()[0] - rotation) < Math.PI * 2 - EPSILON;
+function getIsInside(scale, direction, instance) {
+  switch (direction) {
+    case 'rotation':
+      return isInsideRotation(scale);
+    case 'radius':
+      return radiusOffset => radiusOffset >= 1;
+    case 'x':
+      return instance.isXInside;
+    case 'y':
+      return instance.isYInside;
+    default:
+      return alwaysTrue;
+  }
+}
 export function useTicks(options) {
   const {
     scale,
@@ -245,7 +264,6 @@ export function useTicks(options) {
   const {
     instance
   } = useChartsContext();
-  const isInside = direction === 'x' ? instance.isXInside : instance.isYInside;
   return React.useMemo(() => getTicks({
     scale,
     tickNumber,
@@ -254,7 +272,7 @@ export function useTicks(options) {
     tickLabelPlacement,
     tickSpacing,
     valueFormatter,
-    isInside,
+    isInside: getIsInside(scale, direction, instance),
     ordinalTimeTicks
-  }), [scale, tickNumber, tickPlacement, tickInterval, tickLabelPlacement, tickSpacing, valueFormatter, isInside, ordinalTimeTicks]);
+  }), [scale, tickNumber, tickPlacement, tickInterval, tickLabelPlacement, tickSpacing, valueFormatter, direction, instance, ordinalTimeTicks]);
 }

package/index.d.mts

@@ -27,6 +27,8 @@ export * from "./ChartsSurface/index.mjs";
 export { ChartsContainer } from "./ChartsContainer/index.mjs";
 export type { ChartsContainerProps, ChartsContainerSlots, ChartsContainerSlotProps } from "./ChartsContainer/index.mjs";
 export * from "./ChartsDataProvider/index.mjs";
+export * from "./ChartsRadialDataProvider/index.mjs";
+export * from "./ChartsRadialGrid/index.mjs";
 export * from "./Toolbar/index.mjs";
 export * from "./ChartsWrapper/index.mjs";
 export * from "./ChartsBrushOverlay/index.mjs";

package/index.d.ts

@@ -27,6 +27,8 @@ export * from "./ChartsSurface/index.js";
 export { ChartsContainer } from "./ChartsContainer/index.js";
 export type { ChartsContainerProps, ChartsContainerSlots, ChartsContainerSlotProps } from "./ChartsContainer/index.js";
 export * from "./ChartsDataProvider/index.js";
+export * from "./ChartsRadialDataProvider/index.js";
+export * from "./ChartsRadialGrid/index.js";
 export * from "./Toolbar/index.js";
 export * from "./ChartsWrapper/index.js";
 export * from "./ChartsBrushOverlay/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.0.1
+ * @mui/x-charts v9.0.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -344,6 +344,30 @@ Object.keys(_ChartsDataProvider).forEach(function (key) {
     }
   });
 });
+var _ChartsRadialDataProvider = require("./ChartsRadialDataProvider");
+Object.keys(_ChartsRadialDataProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsRadialDataProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsRadialDataProvider[key];
+    }
+  });
+});
+var _ChartsRadialGrid = require("./ChartsRadialGrid");
+Object.keys(_ChartsRadialGrid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsRadialGrid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsRadialGrid[key];
+    }
+  });
+});
 var _Toolbar = require("./Toolbar");
 Object.keys(_Toolbar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.0.1
+ * @mui/x-charts v9.0.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -33,6 +33,8 @@ export * from "./RadarChart/index.mjs";
 export * from "./ChartsSurface/index.mjs";
 export { ChartsContainer } from "./ChartsContainer/index.mjs";
 export * from "./ChartsDataProvider/index.mjs";
+export * from "./ChartsRadialDataProvider/index.mjs";
+export * from "./ChartsRadialGrid/index.mjs";
 export * from "./Toolbar/index.mjs";
 export * from "./ChartsWrapper/index.mjs";
 export * from "./ChartsBrushOverlay/index.mjs";

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/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.js

@@ -28,7 +28,8 @@ function getRange(drawingArea, axisDirection, axis) {
     }
     return [(0, _angleConversion.deg2rad)(axis.startAngle, 0), (0, _angleConversion.deg2rad)(axis.endAngle, 2 * Math.PI)];
   }
-  return [0, Math.min(drawingArea.height, drawingArea.width) / 2];
+  const availableRadius = Math.min(drawingArea.height, drawingArea.width) / 2;
+  return [axis.minRadius ?? 0, axis.maxRadius ?? availableRadius];
 }
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
@@ -106,10 +107,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)({

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { isBandScaleConfig, isPointScaleConfig, isContinuousScaleConfig } from "../../../../models/axis.mjs";
 import { getColorScale, getOrdinalColorScale } from "../../../colorScale.mjs";
-import { getDefaultTickNumber, getTickNumber, scaleTickNumberByRange } from "../../../ticks.mjs";
+import { getDefaultTickNumber, getTickNumber } from "../../../ticks.mjs";
 import { getScale } from "../../../getScale.mjs";
 import { isDateData, createDateFormatter } from "../../../dateHelpers.mjs";
 import { getAxisExtremum } from "./getAxisExtremum.mjs";
@@ -21,7 +21,8 @@ function getRange(drawingArea, axisDirection, axis) {
     }
     return [deg2rad(axis.startAngle, 0), deg2rad(axis.endAngle, 2 * Math.PI)];
   }
-  return [0, Math.min(drawingArea.height, drawingArea.width) / 2];
+  const availableRadius = Math.min(drawingArea.height, drawingArea.width) / 2;
+  return [axis.minRadius ?? 0, axis.maxRadius ?? availableRadius];
 }
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
@@ -99,10 +100,12 @@ export function computeAxisValue({
       axisExtremums[0] = min;
       axisExtremums[1] = max;
     }
-    const rawTickNumber = getTickNumber(axis, axisExtremums, getDefaultTickNumber(Math.abs(range[1] - range[0])));
-    const tickNumber = scaleTickNumberByRange(rawTickNumber, range);
+
+    // Use degrees to display more ticks by default
+    const ratio = axisDirection === 'rotation' ? 180 / 3 : 1;
+    const tickNumber = axis.tickNumber ?? getTickNumber(axis, axisExtremums, getDefaultTickNumber(ratio * Math.abs(range[1] - range[0])));
     const scale = 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] = _extends({

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

@@ -16,17 +16,17 @@ function defaultizeAxis(inAxis, dataset, axisName) {
   return inputAxes.map((axisConfig, index) => {
     const id = `defaultized-${axisName}-axis-${index}`;
     const dataKey = axisConfig.dataKey;
-    if (dataKey === undefined || axisConfig.data !== undefined) {
+    if (axisConfig.data !== undefined || dataKey === undefined && !axisConfig.valueGetter) {
       return (0, _extends2.default)({
         id
       }, axisConfig);
     }
     if (dataset === undefined) {
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: The ${axisName}-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 ${axisName}-axis.` : (0, _formatErrorMessage2.default)(39, axisName, axisName));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: The ${axisName}-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 ${axisName}-axis.` : (0, _formatErrorMessage2.default)(39, axisName, axisName));
     }
     return (0, _extends2.default)({
       id,
-      data: dataset.map(d => d[dataKey])
+      data: axisConfig.valueGetter ? dataset.map(d => axisConfig.valueGetter(d)) : dataset.map(d => d[dataKey])
     }, axisConfig);
   });
 }

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

@@ -9,17 +9,17 @@ export function defaultizeAxis(inAxis, dataset, axisName) {
   return inputAxes.map((axisConfig, index) => {
     const id = `defaultized-${axisName}-axis-${index}`;
     const dataKey = axisConfig.dataKey;
-    if (dataKey === undefined || axisConfig.data !== undefined) {
+    if (axisConfig.data !== undefined || dataKey === undefined && !axisConfig.valueGetter) {
       return _extends({
         id
       }, axisConfig);
     }
     if (dataset === undefined) {
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: The ${axisName}-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 ${axisName}-axis.` : _formatErrorMessage(39, axisName, axisName));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: The ${axisName}-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 ${axisName}-axis.` : _formatErrorMessage(39, axisName, axisName));
     }
     return _extends({
       id,
-      data: dataset.map(d => d[dataKey])
+      data: axisConfig.valueGetter ? dataset.map(d => axisConfig.valueGetter(d)) : dataset.map(d => d[dataKey])
     }, axisConfig);
   });
 }

package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.js

@@ -44,16 +44,16 @@ function getZAxisState(zAxis, dataset) {
   zAxis.forEach((axisConfig, index) => {
     const dataKey = axisConfig.dataKey;
     const defaultizedId = axisConfig.id ?? `defaultized-z-axis-${index}`;
-    if (dataKey === undefined || axisConfig.data !== undefined) {
+    if (axisConfig.data !== undefined || dataKey === undefined && !axisConfig.valueGetter) {
       zAxisLookup[defaultizedId] = processColorMap(addDefaultId(axisConfig, defaultizedId));
       axisIds.push(defaultizedId);
       return;
     }
     if (dataset === undefined) {
-      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The z-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 z-axis.' : (0, _formatErrorMessage2.default)(41));
+      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The z-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 z-axis.' : (0, _formatErrorMessage2.default)(41));
     }
     zAxisLookup[defaultizedId] = processColorMap(addDefaultId((0, _extends2.default)({}, axisConfig, {
-      data: dataset.map(d => d[dataKey])
+      data: axisConfig.valueGetter ? dataset.map(d => axisConfig.valueGetter(d)) : dataset.map(d => d[dataKey])
     }), defaultizedId));
     axisIds.push(defaultizedId);
   });

package/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.mjs

@@ -37,16 +37,16 @@ function getZAxisState(zAxis, dataset) {
   zAxis.forEach((axisConfig, index) => {
     const dataKey = axisConfig.dataKey;
     const defaultizedId = axisConfig.id ?? `defaultized-z-axis-${index}`;
-    if (dataKey === undefined || axisConfig.data !== undefined) {
+    if (axisConfig.data !== undefined || dataKey === undefined && !axisConfig.valueGetter) {
       zAxisLookup[defaultizedId] = processColorMap(addDefaultId(axisConfig, defaultizedId));
       axisIds.push(defaultizedId);
       return;
     }
     if (dataset === undefined) {
-      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The z-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 z-axis.' : _formatErrorMessage(41));
+      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X Charts: The z-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 z-axis.' : _formatErrorMessage(41));
     }
     zAxisLookup[defaultizedId] = processColorMap(addDefaultId(_extends({}, axisConfig, {
-      data: dataset.map(d => d[dataKey])
+      data: axisConfig.valueGetter ? dataset.map(d => axisConfig.valueGetter(d)) : dataset.map(d => d[dataKey])
     }), defaultizedId));
     axisIds.push(defaultizedId);
   });