@mui/x-charts-premium 9.0.4 → 9.1.0

package/RadialLineChart/RadialLineChart.mjs

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
 import { useChartsContainerProps } from '@mui/x-charts/internals';
 import { Unstable_ChartsRadialGrid as ChartsRadialGrid } from '@mui/x-charts/ChartsRadialGrid';
+import { Unstable_ChartsRadialAxisHighlight as ChartsRadialAxisHighlight } from '@mui/x-charts/ChartsRadialAxisHighlight';
 import { ChartsLegend } from "../ChartsLegend/index.mjs";
 import { ChartsSurface } from "../ChartsSurface/index.mjs";
 import { ChartsTooltip } from "../ChartsTooltip/index.mjs";
@@ -15,8 +16,13 @@ import { ChartsClipPath } from "../ChartsClipPath/index.mjs";
 import { ChartsOverlay } from "../ChartsOverlay/index.mjs";
 import { useRadialLineChartProps } from "./useRadialLineChartProps.mjs";
 import { radialLineSeriesConfig } from "./seriesConfig/index.mjs";
+import { RadialLineHighlightPlot } from "./RadialLineHighlightPlot.mjs";
 import { ChartsRadialDataProviderPremium } from "../ChartsRadialDataProviderPremium/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const seriesConfig = {
+  radialLine: radialLineSeriesConfig
+};
+
 /**
  * Demos:
  *
@@ -35,6 +41,7 @@ const RadialLineChart = /*#__PURE__*/React.forwardRef(function RadialLineChart(i
     chartsWrapperProps,
     chartsContainerProps,
     gridProps,
+    axisHighlightProps,
     clipPathProps,
     clipPathGroupProps,
     overlayProps,
@@ -48,15 +55,16 @@ const RadialLineChart = /*#__PURE__*/React.forwardRef(function RadialLineChart(i
   const Tooltip = props.slots?.tooltip ?? ChartsTooltip;
   const Toolbar = props.slots?.toolbar;
   return /*#__PURE__*/_jsx(ChartsRadialDataProviderPremium, _extends({}, chartsDataProviderProps, {
-    seriesConfig: {
-      radialLine: radialLineSeriesConfig
-    },
+    seriesConfig: seriesConfig,
     children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
       ref: ref,
       children: [props.showToolbar && Toolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
         children: [/*#__PURE__*/_jsx(ChartsRadialGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
           children: [/*#__PURE__*/_jsx(RadialAreaPlot, {}), /*#__PURE__*/_jsx(RadialLinePlot, {}), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps))]
-        })), /*#__PURE__*/_jsx(RadialMarkPlot, {}), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
+        })), /*#__PURE__*/_jsx(ChartsRadialAxisHighlight, _extends({}, axisHighlightProps)), /*#__PURE__*/_jsx(RadialMarkPlot, {}), /*#__PURE__*/_jsx(RadialLineHighlightPlot, {
+          slots: props.slots,
+          slotProps: props.slotProps
+        }), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
       })), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, props.slotProps?.tooltip))]
     }))
   }));
@@ -73,6 +81,15 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
       exportAsPrint: PropTypes.func.isRequired
     })
   }),
+  /**
+   * The configuration of axes highlight.
+   * @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
+   * @default { rotation: 'line' }
+   */
+  axisHighlight: PropTypes.shape({
+    radius: PropTypes.oneOf(['line', 'none']),
+    rotation: PropTypes.oneOf(['band', 'line', 'none'])
+  }),
   /**
    * Color palette used to colorize multiple series.
    * @default rainbowSurgePalette
@@ -101,7 +118,7 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
    */
   experimentalFeatures: PropTypes.object,
   /**
-   * Option to display a cartesian grid in the background.
+   * Option to display a radial grid in the background.
    */
   grid: PropTypes.shape({
     radius: PropTypes.bool,
@@ -241,679 +258,13 @@ process.env.NODE_ENV !== "production" ? RadialLineChart.propTypes = {
    * If not provided, a default axis config is used.
    * An array of [[AxisConfig]] objects.
    */
-  radiusAxis: PropTypes.arrayOf(PropTypes.shape({
-    classes: PropTypes.object,
-    className: PropTypes.string,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelStyle: PropTypes.object,
-    max: PropTypes.number,
-    maxRadius: PropTypes.number,
-    min: PropTypes.number,
-    minRadius: PropTypes.number,
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['linear']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    valueGetter: PropTypes.func,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      slider: PropTypes.shape({
-        enabled: PropTypes.bool,
-        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
-        size: PropTypes.number
-      }),
-      step: PropTypes.number
-    }), PropTypes.bool])
-  })),
+  radiusAxis: PropTypes.arrayOf(PropTypes.object),
   /**
    * The configuration of the rotation-axes.
    * If not provided, a default axis config is used.
    * An array of [[AxisConfig]] objects.
    */
-  rotationAxis: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
-    barGapRatio: PropTypes.number,
-    categoryGapRatio: PropTypes.number,
-    classes: PropTypes.object,
-    className: PropTypes.string,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      type: PropTypes.oneOf(['ordinal']).isRequired,
-      unknownColor: PropTypes.string,
-      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
-    }), PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    endAngle: PropTypes.number,
-    groups: PropTypes.arrayOf(PropTypes.shape({
-      getValue: PropTypes.func.isRequired,
-      tickLabelStyle: PropTypes.object,
-      tickSize: PropTypes.number
-    })),
-    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelGap: PropTypes.number,
-    labelStyle: PropTypes.object,
-    offset: PropTypes.number,
-    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
-      format: PropTypes.func.isRequired,
-      getTickNumber: PropTypes.func.isRequired,
-      isTick: PropTypes.func.isRequired
-    })]).isRequired),
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    startAngle: PropTypes.number,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    valueGetter: PropTypes.func,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      slider: PropTypes.shape({
-        enabled: PropTypes.bool,
-        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
-        size: PropTypes.number
-      }),
-      step: PropTypes.number
-    }), PropTypes.bool])
-  }), PropTypes.shape({
-    classes: PropTypes.object,
-    className: PropTypes.string,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      type: PropTypes.oneOf(['ordinal']).isRequired,
-      unknownColor: PropTypes.string,
-      values: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]).isRequired)
-    }), PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    endAngle: PropTypes.number,
-    groups: PropTypes.arrayOf(PropTypes.shape({
-      getValue: PropTypes.func.isRequired,
-      tickLabelStyle: PropTypes.object,
-      tickSize: PropTypes.number
-    })),
-    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelGap: PropTypes.number,
-    labelStyle: PropTypes.object,
-    offset: PropTypes.number,
-    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
-      format: PropTypes.func.isRequired,
-      getTickNumber: PropTypes.func.isRequired,
-      isTick: PropTypes.func.isRequired
-    })]).isRequired),
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['point']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    startAngle: PropTypes.number,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    valueGetter: PropTypes.func,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      slider: PropTypes.shape({
-        enabled: PropTypes.bool,
-        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
-        size: PropTypes.number
-      }),
-      step: PropTypes.number
-    }), PropTypes.bool])
-  }), PropTypes.shape({
-    classes: PropTypes.object,
-    className: PropTypes.string,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    endAngle: PropTypes.number,
-    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelGap: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.number,
-    min: PropTypes.number,
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['log']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    startAngle: PropTypes.number,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    valueGetter: PropTypes.func,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      slider: PropTypes.shape({
-        enabled: PropTypes.bool,
-        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
-        size: PropTypes.number
-      }),
-      step: PropTypes.number
-    }), PropTypes.bool])
-  }), PropTypes.shape({
-    classes: PropTypes.object,
-    className: PropTypes.string,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    constant: PropTypes.number,
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    endAngle: PropTypes.number,
-    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelGap: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.number,
-    min: PropTypes.number,
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['symlog']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    startAngle: PropTypes.number,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    valueGetter: PropTypes.func,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      slider: PropTypes.shape({
-        enabled: PropTypes.bool,
-        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
-        size: PropTypes.number
-      }),
-      step: PropTypes.number
-    }), PropTypes.bool])
-  }), PropTypes.shape({
-    classes: PropTypes.object,
-    className: PropTypes.string,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    endAngle: PropTypes.number,
-    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelGap: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.number,
-    min: PropTypes.number,
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['pow']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    startAngle: PropTypes.number,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    valueGetter: PropTypes.func,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      slider: PropTypes.shape({
-        enabled: PropTypes.bool,
-        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
-        size: PropTypes.number
-      }),
-      step: PropTypes.number
-    }), PropTypes.bool])
-  }), PropTypes.shape({
-    classes: PropTypes.object,
-    className: PropTypes.string,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    endAngle: PropTypes.number,
-    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelGap: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.number,
-    min: PropTypes.number,
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['sqrt']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    startAngle: PropTypes.number,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    valueGetter: PropTypes.func,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      slider: PropTypes.shape({
-        enabled: PropTypes.bool,
-        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
-        size: PropTypes.number
-      }),
-      step: PropTypes.number
-    }), PropTypes.bool])
-  }), PropTypes.shape({
-    classes: PropTypes.object,
-    className: PropTypes.string,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    endAngle: PropTypes.number,
-    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelGap: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-      valueOf: PropTypes.func.isRequired
-    })]),
-    min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-      valueOf: PropTypes.func.isRequired
-    })]),
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['time']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    startAngle: PropTypes.number,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    valueGetter: PropTypes.func,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      slider: PropTypes.shape({
-        enabled: PropTypes.bool,
-        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
-        size: PropTypes.number
-      }),
-      step: PropTypes.number
-    }), PropTypes.bool])
-  }), PropTypes.shape({
-    classes: PropTypes.object,
-    className: PropTypes.string,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    endAngle: PropTypes.number,
-    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelGap: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-      valueOf: PropTypes.func.isRequired
-    })]),
-    min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-      valueOf: PropTypes.func.isRequired
-    })]),
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['utc']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    startAngle: PropTypes.number,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    valueGetter: PropTypes.func,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      slider: PropTypes.shape({
-        enabled: PropTypes.bool,
-        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
-        size: PropTypes.number
-      }),
-      step: PropTypes.number
-    }), PropTypes.bool])
-  }), PropTypes.shape({
-    classes: PropTypes.object,
-    className: PropTypes.string,
-    colorMap: PropTypes.oneOfType([PropTypes.shape({
-      color: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string.isRequired), PropTypes.func]).isRequired,
-      max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-      type: PropTypes.oneOf(['continuous']).isRequired
-    }), PropTypes.shape({
-      colors: PropTypes.arrayOf(PropTypes.string).isRequired,
-      thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
-      type: PropTypes.oneOf(['piecewise']).isRequired
-    })]),
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    domainLimit: PropTypes.oneOfType([PropTypes.oneOf(['nice', 'strict']), PropTypes.func]),
-    endAngle: PropTypes.number,
-    height: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelGap: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.number,
-    min: PropTypes.number,
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['bottom', 'none', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['linear']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    startAngle: PropTypes.number,
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickPlacement: PropTypes.oneOf(['end', 'extremities', 'middle', 'start']),
-    tickSize: PropTypes.number,
-    tickSpacing: PropTypes.number,
-    valueFormatter: PropTypes.func,
-    valueGetter: PropTypes.func,
-    zoom: PropTypes.oneOfType([PropTypes.shape({
-      filterMode: PropTypes.oneOf(['discard', 'keep']),
-      maxEnd: PropTypes.number,
-      maxSpan: PropTypes.number,
-      minSpan: PropTypes.number,
-      minStart: PropTypes.number,
-      panning: PropTypes.bool,
-      slider: PropTypes.shape({
-        enabled: PropTypes.bool,
-        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-        showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
-        size: PropTypes.number
-      }),
-      step: PropTypes.number
-    }), PropTypes.bool])
-  })]).isRequired),
+  rotationAxis: PropTypes.arrayOf(PropTypes.object),
   /**
    * The series to display in the line chart.
    * An array of [[LineSeries]] objects.