npm - @mui/x-charts-pro - Versions diffs - 9.0.4 → 9.2.0 - Mend

@mui/x-charts-pro 9.0.4 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/BarChartPro/BarChartPro.js +2 -1183
package/BarChartPro/BarChartPro.mjs +2 -1183
package/CHANGELOG.md +236 -0
package/ChartsAxisHighlightValue/index.d.mts +1 -0
package/ChartsAxisHighlightValue/index.d.ts +1 -0
package/ChartsAxisHighlightValue/index.js +16 -0
package/ChartsAxisHighlightValue/index.mjs +2 -0
package/ChartsDataProviderPro/ChartsDataProviderPro.js +2 -2
package/ChartsDataProviderPro/ChartsDataProviderPro.mjs +2 -2
package/ChartsRadialAxisHighlight/index.d.mts +1 -0
package/ChartsRadialAxisHighlight/index.d.ts +1 -0
package/ChartsRadialAxisHighlight/index.js +16 -0
package/ChartsRadialAxisHighlight/index.mjs +2 -0
package/Heatmap/Heatmap.d.mts +1 -2
package/Heatmap/Heatmap.d.ts +1 -2
package/Heatmap/Heatmap.js +2 -155
package/Heatmap/Heatmap.mjs +2 -155
package/LICENSE +3 -1
package/LineChartPro/LineChartPro.js +2 -1183
package/LineChartPro/LineChartPro.mjs +2 -1183
package/ScatterChartPro/ScatterChartPro.js +2 -1183
package/ScatterChartPro/ScatterChartPro.mjs +2 -1183
package/index.js +1 -1
package/index.mjs +1 -1
package/package.json +34 -6

package/ScatterChartPro/ScatterChartPro.mjs CHANGED Viewed

@@ -407,1194 +407,13 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
    * If not provided, a default axis config is used.
    * An array of [[AxisConfig]] objects.
    */
-  xAxis: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
-    axis: PropTypes.oneOf(['x']),
-    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]),
-    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,
-    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,
-    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]),
-    tickLabelMinGap: PropTypes.number,
-    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({
-    axis: PropTypes.oneOf(['x']),
-    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]),
-    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,
-    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,
-    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]),
-    tickLabelMinGap: PropTypes.number,
-    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({
-    axis: PropTypes.oneOf(['x']),
-    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,
-    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,
-    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]),
-    tickLabelMinGap: PropTypes.number,
-    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({
-    axis: PropTypes.oneOf(['x']),
-    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]),
-    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,
-    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,
-    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]),
-    tickLabelMinGap: PropTypes.number,
-    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({
-    axis: PropTypes.oneOf(['x']),
-    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,
-    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,
-    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]),
-    tickLabelMinGap: PropTypes.number,
-    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({
-    axis: PropTypes.oneOf(['x']),
-    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,
-    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,
-    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]),
-    tickLabelMinGap: PropTypes.number,
-    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({
-    axis: PropTypes.oneOf(['x']),
-    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.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,
-    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]),
-    tickLabelMinGap: PropTypes.number,
-    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({
-    axis: PropTypes.oneOf(['x']),
-    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.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,
-    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]),
-    tickLabelMinGap: PropTypes.number,
-    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({
-    axis: PropTypes.oneOf(['x']),
-    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,
-    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,
-    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]),
-    tickLabelMinGap: PropTypes.number,
-    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),
+  xAxis: PropTypes.arrayOf(PropTypes.object),
   /**
    * The configuration of the y-axes.
    * If not provided, a default axis config is used.
    * An array of [[AxisConfig]] objects.
    */
-  yAxis: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
-    axis: PropTypes.oneOf(['y']),
-    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]),
-    groups: PropTypes.arrayOf(PropTypes.shape({
-      getValue: PropTypes.func.isRequired,
-      tickLabelStyle: PropTypes.object,
-      tickSize: PropTypes.number
-    })),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    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(['left', 'none', 'right']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band']),
-    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,
-    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    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({
-    axis: PropTypes.oneOf(['y']),
-    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]),
-    groups: PropTypes.arrayOf(PropTypes.shape({
-      getValue: PropTypes.func.isRequired,
-      tickLabelStyle: PropTypes.object,
-      tickSize: PropTypes.number
-    })),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    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(['left', 'none', 'right']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['point']),
-    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,
-    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    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({
-    axis: PropTypes.oneOf(['y']),
-    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]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelStyle: PropTypes.object,
-    max: PropTypes.number,
-    min: PropTypes.number,
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['left', 'none', 'right']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['log']),
-    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,
-    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    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({
-    axis: PropTypes.oneOf(['y']),
-    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]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelStyle: PropTypes.object,
-    max: PropTypes.number,
-    min: PropTypes.number,
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['left', 'none', 'right']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['symlog']),
-    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,
-    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    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({
-    axis: PropTypes.oneOf(['y']),
-    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]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelStyle: PropTypes.object,
-    max: PropTypes.number,
-    min: PropTypes.number,
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['left', 'none', 'right']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['pow']),
-    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,
-    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    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({
-    axis: PropTypes.oneOf(['y']),
-    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]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelStyle: PropTypes.object,
-    max: PropTypes.number,
-    min: PropTypes.number,
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['left', 'none', 'right']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['sqrt']),
-    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,
-    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    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({
-    axis: PropTypes.oneOf(['y']),
-    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]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    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(['left', 'none', 'right']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['time']),
-    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,
-    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    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({
-    axis: PropTypes.oneOf(['y']),
-    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]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    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(['left', 'none', 'right']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['utc']),
-    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,
-    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    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({
-    axis: PropTypes.oneOf(['y']),
-    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]),
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    ignoreTooltip: PropTypes.bool,
-    label: PropTypes.string,
-    labelStyle: PropTypes.object,
-    max: PropTypes.number,
-    min: PropTypes.number,
-    offset: PropTypes.number,
-    position: PropTypes.oneOf(['left', 'none', 'right']),
-    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,
-    width: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]),
-    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),
+  yAxis: PropTypes.arrayOf(PropTypes.object),
   /**
    * The configuration of the z-axes.
    */