@mui/x-charts-pro 9.0.1 → 9.0.3

package/ChartsToolbarPro/rangeButtonValueToZoom.mjs

@@ -0,0 +1,212 @@
+import { warnOnce } from '@mui/x-internals/warning';
+
+/**
+ * A calendar interval unit for range buttons.
+ */
+
+/**
+ * Parameters passed to a range button function value.
+ */
+
+/**
+ * Defines the value of a range button.
+ *
+ * - `{ unit, step }` — A calendar interval from the end of the data.
+ *   @example { unit: 'month', step: 3 } // Last 3 months
+ *   @example { unit: 'year' } // Last year (step defaults to 1)
+ * - `[start, end]` — An absolute date range.
+ *   @example [new Date(2024, 0, 1), new Date(2024, 6, 1)] // Jan–Jul 2024
+ * - `(params) => { start, end }` — A function that receives axis context (`scaleType`, `data`, `domain`) and returns zoom percentages (0-100).
+ *   @example ({ domain }) => ({ start: 0, end: 50 }) // First half of data
+ *   @example ({ data }) => {
+ *     const lastFive = Math.max(0, data.length - 5);
+ *     return { start: (lastFive / (data.length - 1)) * 100, end: 100 };
+ *   } // Last 5 items on an ordinal axis
+ * - `null` — Resets zoom to show all data.
+ *   @example null // Show all data
+ */
+
+/**
+ * Attempts to convert a value to a timestamp.
+ * Handles Date objects, numeric timestamps, and date-like strings.
+ *
+ * @returns The timestamp in milliseconds, or `undefined` if the value is not date-like.
+ */
+function toTimestamp(val) {
+  if (val instanceof Date) {
+    return val.getTime();
+  }
+  if (typeof val === 'number') {
+    return val;
+  }
+  if (typeof val === 'string') {
+    const parsed = Date.parse(val);
+    if (!Number.isNaN(parsed)) {
+      return parsed;
+    }
+  }
+  return undefined;
+}
+
+/**
+ * Converts ordinal data to timestamps.
+ * Items that cannot be converted are kept as `NaN` so their index is preserved.
+ * Returns `undefined` if fewer than 2 items could be converted.
+ */
+function toTimestampArray(data) {
+  const timestamps = new Array(data.length);
+  let convertedItems = 0;
+  for (let i = 0; i < data.length; i += 1) {
+    const ts = toTimestamp(data[i]);
+    if (ts !== undefined) {
+      convertedItems += 1;
+      timestamps[i] = ts;
+    } else {
+      timestamps[i] = Number.NaN;
+    }
+  }
+  return convertedItems >= 2 ? timestamps : undefined;
+}
+
+/**
+ * Converts a range button value to zoom start/end percentages.
+ *
+ * The range is calculated from the end of the axis domain.
+ * For example, `{ unit: 'month', step: 3 }` will zoom to show the last 3 months of data.
+ *
+ * @param value The range button value.
+ * @param params The axis context passed to function values.
+ * @param params.scaleType The scale type of the axis.
+ * @param params.data The axis data values (for ordinal axes).
+ * @param params.domain The full domain bounds.
+ * @returns The zoom start and end percentages (0-100).
+ */
+export function rangeButtonValueToZoom(value, params) {
+  if (value === null) {
+    return {
+      start: 0,
+      end: 100
+    };
+  }
+  if (typeof value === 'function') {
+    const result = value(params);
+    if (process.env.NODE_ENV !== 'production' && result.end < result.start) {
+      warnOnce([`MUI X Charts: Range button function returned an end value (${result.end}) lower than the start value (${result.start}).`, 'This likely produces an unexpected zoom range.']);
+    }
+    return {
+      start: result.start,
+      end: result.end
+    };
+  }
+  const {
+    domain: {
+      min: domainMin,
+      max: domainMax
+    },
+    data: ordinalData
+  } = params;
+
+  // For ordinal axes with date-like data, resolve date ranges and intervals to matching indices.
+  const timestamps = ordinalData ? toTimestampArray(ordinalData) : undefined;
+  if (timestamps) {
+    const maxIndex = timestamps.length - 1;
+    if (Array.isArray(value)) {
+      const startTarget = value[0].getTime();
+      const endTarget = value[1].getTime();
+      if (process.env.NODE_ENV !== 'production' && endTarget < startTarget) {
+        warnOnce(['MUI X Charts: Range button received a date range whose end is before its start.', 'This produces an empty zoom range.']);
+      }
+      const firstGte = timestamps.findIndex(ts => !Number.isNaN(ts) && ts >= startTarget);
+      const lastLte = timestamps.findLastIndex(ts => !Number.isNaN(ts) && ts <= endTarget);
+      const startIndex = firstGte === -1 ? maxIndex : firstGte;
+      const endIndex = lastLte === -1 ? 0 : lastLte;
+      return {
+        start: startIndex / maxIndex * 100,
+        end: endIndex / maxIndex * 100
+      };
+    }
+
+    // Interval — compute target date from the last valid data point's timestamp.
+    const lastValidIndex = timestamps.findLastIndex(ts => !Number.isNaN(ts));
+    const lastTimestamp = timestamps[lastValidIndex];
+    const targetStartMs = computeIntervalStart(value, lastTimestamp);
+    const firstGte = timestamps.findIndex(ts => !Number.isNaN(ts) && ts >= targetStartMs);
+    const startIndex = firstGte === -1 ? maxIndex : firstGte;
+    return {
+      start: startIndex / maxIndex * 100,
+      end: 100
+    };
+  }
+  if (process.env.NODE_ENV !== 'production' && ordinalData !== undefined) {
+    warnOnce(['MUI X Charts: Range button received a date value for an ordinal axis whose data could not be parsed as dates.', 'The zoom range may not match the intended selection. Provide date-like axis data or use a function value.']);
+  }
+  const domainRange = domainMax - domainMin;
+  if (domainRange <= 0) {
+    return {
+      start: 0,
+      end: 100
+    };
+  }
+
+  // Absolute date range
+  if (Array.isArray(value)) {
+    const [rangeStart, rangeEnd] = value;
+    if (process.env.NODE_ENV !== 'production' && rangeEnd.getTime() < rangeStart.getTime()) {
+      warnOnce(['MUI X Charts: Range button received a date range whose end is before its start.', 'This produces an empty zoom range.']);
+    }
+    const startPercent = (rangeStart.getTime() - domainMin) / domainRange * 100;
+    const endPercent = (rangeEnd.getTime() - domainMin) / domainRange * 100;
+    return {
+      start: startPercent,
+      end: endPercent
+    };
+  }
+
+  // Interval — subtract from the end of the domain
+  const targetStartMs = computeIntervalStart(value, domainMax);
+  const startPercent = (targetStartMs - domainMin) / domainRange * 100;
+  return {
+    start: startPercent,
+    end: 100
+  };
+}
+
+/**
+ * Computes the start timestamp for a calendar interval subtracted from a reference point.
+ */
+function computeIntervalStart(interval, referenceMs) {
+  const {
+    unit,
+    step = 1
+  } = interval;
+  switch (unit) {
+    case 'year':
+      {
+        const d = new Date(referenceMs);
+        d.setFullYear(d.getFullYear() - step);
+        return d.getTime();
+      }
+    case 'month':
+      {
+        const d = new Date(referenceMs);
+        d.setMonth(d.getMonth() - step);
+        return d.getTime();
+      }
+    case 'week':
+      return referenceMs - step * 7 * 24 * 60 * 60 * 1000;
+    case 'day':
+      return referenceMs - step * 24 * 60 * 60 * 1000;
+    case 'hour':
+      return referenceMs - step * 60 * 60 * 1000;
+    case 'minute':
+      return referenceMs - step * 60 * 1000;
+    case 'second':
+      return referenceMs - step * 1000;
+    case 'millisecond':
+      return referenceMs - step;
+    case 'microsecond':
+      return referenceMs - step / 1000;
+    default:
+      return 0;
+  }
+}

package/Heatmap/Heatmap.js

@@ -335,6 +335,7 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -415,6 +416,7 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -455,7 +457,8 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     dataKey: _propTypes.default.string,
     id: _propTypes.default.string,
     max: _propTypes.default.number,
-    min: _propTypes.default.number
+    min: _propTypes.default.number,
+    valueGetter: _propTypes.default.func
   })),
   /**
    * The list of zoom data related to each axis.

package/Heatmap/Heatmap.mjs

@@ -328,6 +328,7 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     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,
@@ -408,6 +409,7 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     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']),
@@ -448,7 +450,8 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     dataKey: PropTypes.string,
     id: PropTypes.string,
     max: PropTypes.number,
-    min: PropTypes.number
+    min: PropTypes.number,
+    valueGetter: PropTypes.func
   })),
   /**
    * The list of zoom data related to each axis.

package/LineChartPro/LineChartPro.js

@@ -477,6 +477,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -551,6 +552,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -612,6 +614,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -674,6 +677,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -735,6 +739,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -796,6 +801,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -861,6 +867,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -926,6 +933,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -987,6 +995,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
       maxEnd: _propTypes.default.number,
@@ -1067,6 +1076,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -1140,6 +1150,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -1200,6 +1211,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -1261,6 +1273,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -1321,6 +1334,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -1381,6 +1395,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -1445,6 +1460,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -1509,6 +1525,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -1569,6 +1586,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickSize: _propTypes.default.number,
     tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
+    valueGetter: _propTypes.default.func,
     width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number]),
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -1609,7 +1627,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     dataKey: _propTypes.default.string,
     id: _propTypes.default.string,
     max: _propTypes.default.number,
-    min: _propTypes.default.number
+    min: _propTypes.default.number,
+    valueGetter: _propTypes.default.func
   })),
   /**
    * The list of zoom data related to each axis.

package/LineChartPro/LineChartPro.mjs

@@ -470,6 +470,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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,
@@ -544,6 +545,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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,
@@ -605,6 +607,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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,
@@ -667,6 +670,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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,
@@ -728,6 +732,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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,
@@ -789,6 +794,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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,
@@ -854,6 +860,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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,
@@ -919,6 +926,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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,
@@ -980,6 +988,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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,
@@ -1060,6 +1069,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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']),
@@ -1133,6 +1143,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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']),
@@ -1193,6 +1204,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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']),
@@ -1254,6 +1266,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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']),
@@ -1314,6 +1327,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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']),
@@ -1374,6 +1388,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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']),
@@ -1438,6 +1453,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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']),
@@ -1502,6 +1518,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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']),
@@ -1562,6 +1579,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     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']),
@@ -1602,7 +1620,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     dataKey: PropTypes.string,
     id: PropTypes.string,
     max: PropTypes.number,
-    min: PropTypes.number
+    min: PropTypes.number,
+    valueGetter: PropTypes.func
   })),
   /**
    * The list of zoom data related to each axis.