@mui/x-charts 9.2.0 → 9.3.0

package/LineChart/seriesConfig/seriesProcessor.mjs

@@ -1,139 +1,3 @@
-import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { stack as d3Stack } from '@mui/x-charts-vendor/d3-shape';
-import { warnOnce } from '@mui/x-internals/warning';
-import { getStackingGroups } from "../../internals/stacking/index.mjs";
-const defaultShapes = ['circle', 'square', 'diamond', 'cross', 'star', 'triangle', 'wye'];
-const lineValueFormatter = v => v == null ? '' : v.toLocaleString();
-function seriesProcessor(params, dataset, isItemVisible) {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  const stackingGroups = getStackingGroups(_extends({}, params, {
-    defaultStrategy: {
-      stackOffset: 'none'
-    }
-  }));
-  const idToIndex = new Map();
-  // Create a data set with format adapted to d3
-  const d3Dataset = dataset ?? [];
-  seriesOrder.forEach((id, seriesIndex) => {
-    idToIndex.set(id, seriesIndex);
-    const data = series[id].data;
-    if (data !== undefined) {
-      data.forEach((value, dataIndex) => {
-        if (d3Dataset.length <= dataIndex) {
-          d3Dataset.push({
-            [id]: value
-          });
-        } else {
-          d3Dataset[dataIndex][id] = value;
-        }
-      });
-    } else if (series[id].valueGetter && dataset) {
-      // When valueGetter is used without dataKey, populate d3Dataset with the series id as key
-      dataset.forEach((entry, dataIndex) => {
-        const value = series[id].valueGetter(entry);
-        if (d3Dataset.length <= dataIndex) {
-          d3Dataset.push({
-            [id]: value
-          });
-        } else {
-          d3Dataset[dataIndex][id] = value;
-        }
-      });
-    } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
-      // TODO: fix mui/no-guarded-throw
-      // eslint-disable-next-line mui/no-guarded-throw
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: Line series with id="${id}" has no data. ` + 'The chart cannot render this series without data. ' + 'Provide a data property to the series or use the dataset prop.' : _formatErrorMessage(27, id));
-    }
-    if (process.env.NODE_ENV !== 'production') {
-      if (!data && dataset) {
-        const dataKey = series[id].dataKey;
-        if (!dataKey && !series[id].valueGetter) {
-          // TODO: fix mui/no-guarded-throw
-          // eslint-disable-next-line mui/no-guarded-throw
-          throw new Error(`MUI X Charts: Line series with id="${id}" has no data, no dataKey, and no valueGetter. ` + 'When using the dataset prop, each series must have a dataKey or valueGetter to identify which dataset values to use. ' + 'Add a dataKey or valueGetter property to the series configuration.');
-        }
-        if (dataKey) {
-          dataset.forEach((entry, index) => {
-            const value = entry[dataKey];
-            if (value != null && typeof value !== 'number') {
-              warnOnce(`MUI X Charts: your dataset key "${dataKey}" is used for plotting lines, but the dataset contains the non-null non-numerical element "${value}" at index ${index}.
-Line plots only support numeric and null values.`);
-            }
-          });
-        }
-      }
-    }
-  });
-  const completedSeries = {};
-  stackingGroups.forEach(stackingGroup => {
-    const {
-      ids,
-      stackingOffset,
-      stackingOrder
-    } = stackingGroup;
-    const keys = ids.map(id => {
-      // Use dataKey if needed and available
-      const dataKey = series[id].dataKey;
-      return series[id].data === undefined && dataKey !== undefined ? dataKey : id;
-    });
-    const stackedData = d3Stack().keys(keys).value((d, key) => d[key] ?? 0) // defaultize null value to 0
-    .order(stackingOrder).offset(stackingOffset)(d3Dataset);
-    const idOrder = stackedData.map(s => s.index);
-    const fixedOrder = () => idOrder;
-
-    // Compute visible stacked data
-    const visibleStackedData = d3Stack().keys(keys).value((d, key) => {
-      const keyIndex = keys.indexOf(key);
-      const seriesId = ids[keyIndex];
-      if (!isItemVisible?.({
-        type: 'line',
-        seriesId
-      })) {
-        // For hidden series, return 0 so they don't contribute to the stack
-        return 0;
-      }
-      return d[key] ?? 0;
-    }).order(fixedOrder).offset(stackingOffset)(d3Dataset);
-    ids.forEach((id, index) => {
-      const {
-        dataKey,
-        valueGetter
-      } = series[id];
-      let data;
-      if (valueGetter) {
-        data = dataset.map(d => valueGetter(d));
-      } else if (dataKey) {
-        data = dataset.map(d => {
-          const value = d[dataKey];
-          return typeof value === 'number' ? value : null;
-        });
-      } else {
-        data = series[id].data;
-      }
-      const hidden = !isItemVisible?.({
-        type: 'line',
-        seriesId: id
-      });
-      completedSeries[id] = _extends({
-        labelMarkType: 'line+mark'
-      }, series[id], {
-        shape: series[id].shape ?? defaultShapes[(idToIndex.get(id) ?? 0) % defaultShapes.length],
-        data,
-        valueFormatter: series[id].valueFormatter ?? lineValueFormatter,
-        hidden,
-        stackedData: stackedData[index],
-        visibleStackedData: visibleStackedData[index]
-      });
-    });
-  });
-  return {
-    seriesOrder,
-    stackingGroups,
-    series: completedSeries
-  };
-}
+import { processLineLikeSeries } from "../../internals/processLineLikeSeries.mjs";
+const seriesProcessor = (params, dataset, isItemVisible) => processLineLikeSeries(params, dataset, isItemVisible, 'line');
 export default seriesProcessor;

package/LineChart/seriesConfig/tooltip.js

@@ -4,31 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.axisTooltipGetter = void 0;
-var _getLabel = require("../../internals/getLabel");
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = (0, _getLabel.getLabel)(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType,
-    markShape: series.showMark ? series.shape : undefined
-  };
-};
+var _getLineLikeTooltip = require("../../internals/getLineLikeTooltip");
+const tooltipGetter = params => (0, _getLineLikeTooltip.getLineLikeTooltip)(params, {
+  includeMarkShape: true
+});
 const axisTooltipGetter = series => {
   return Object.values(series).map(s => ({
     direction: 'x',

package/LineChart/seriesConfig/tooltip.mjs

@@ -1,28 +1,7 @@
-import { getLabel } from "../../internals/getLabel.mjs";
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = getLabel(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType,
-    markShape: series.showMark ? series.shape : undefined
-  };
-};
+import { getLineLikeTooltip } from "../../internals/getLineLikeTooltip.mjs";
+const tooltipGetter = params => getLineLikeTooltip(params, {
+  includeMarkShape: true
+});
 export const axisTooltipGetter = series => {
   return Object.values(series).map(s => ({
     direction: 'x',

package/PieChart/PieChart.js

@@ -184,11 +184,11 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
    */
   highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['pie']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -305,11 +305,11 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['pie']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['pie']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/PieChart/PieChart.mjs

@@ -177,11 +177,11 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['pie']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -298,11 +298,11 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['pie']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['pie']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/RadarChart/RadarAxis/useRadarAxis.js

@@ -38,7 +38,7 @@ function useRadarAxis(params) {
     return null;
   }
   const existingMetrics = rotationScale.domain();
-  if (!existingMetrics.includes(metric)) {
+  if (process.env.NODE_ENV !== 'production' && !existingMetrics.includes(metric)) {
     (0, _warning.warnOnce)([`MUI X Charts: Your radar axis tries to display values for the metric "${metric}" which does not exist.`, `Either add this metric to your radar, or pick one from the existing metrics: ${existingMetrics.join(', ')}`]);
   }
   const anglesWithDefault = angle !== undefined ? (0, _degToRad.degToRad)(angle) : rotationScale(metric) ?? 0;

package/RadarChart/RadarAxis/useRadarAxis.mjs

@@ -32,7 +32,7 @@ export function useRadarAxis(params) {
     return null;
   }
   const existingMetrics = rotationScale.domain();
-  if (!existingMetrics.includes(metric)) {
+  if (process.env.NODE_ENV !== 'production' && !existingMetrics.includes(metric)) {
     warnOnce([`MUI X Charts: Your radar axis tries to display values for the metric "${metric}" which does not exist.`, `Either add this metric to your radar, or pick one from the existing metrics: ${existingMetrics.join(', ')}`]);
   }
   const anglesWithDefault = angle !== undefined ? degToRad(angle) : rotationScale(metric) ?? 0;

package/RadarChart/RadarChart.js

@@ -151,11 +151,11 @@ process.env.NODE_ENV !== "production" ? RadarChart.propTypes = {
    */
   highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radar']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -256,11 +256,11 @@ process.env.NODE_ENV !== "production" ? RadarChart.propTypes = {
     labelFormatter: _propTypes.default.func,
     labelGap: _propTypes.default.number,
     max: _propTypes.default.number,
-    metrics: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.shape({
+    metrics: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape({
       max: _propTypes.default.number,
       min: _propTypes.default.number,
       name: _propTypes.default.string.isRequired
-    }))]).isRequired,
+    })), _propTypes.default.arrayOf(_propTypes.default.string)]).isRequired,
     startAngle: _propTypes.default.number
   }).isRequired,
   /**
@@ -313,11 +313,11 @@ process.env.NODE_ENV !== "production" ? RadarChart.propTypes = {
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['radar']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['radar']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/RadarChart/RadarChart.mjs

@@ -144,11 +144,11 @@ process.env.NODE_ENV !== "production" ? RadarChart.propTypes = {
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['radar']).isRequired
   })]),
   /**
    * This prop is used to help implement the accessibility logic.
@@ -249,11 +249,11 @@ process.env.NODE_ENV !== "production" ? RadarChart.propTypes = {
     labelFormatter: PropTypes.func,
     labelGap: PropTypes.number,
     max: PropTypes.number,
-    metrics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({
+    metrics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({
       max: PropTypes.number,
       min: PropTypes.number,
       name: PropTypes.string.isRequired
-    }))]).isRequired,
+    })), PropTypes.arrayOf(PropTypes.string)]).isRequired,
     startAngle: PropTypes.number
   }).isRequired,
   /**
@@ -306,11 +306,11 @@ process.env.NODE_ENV !== "production" ? RadarChart.propTypes = {
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['radar']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['radar']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.

package/RadarChart/RadarSeriesPlot/RadarSeriesArea.js

@@ -69,7 +69,9 @@ function RadarSeriesArea(props) {
       if (hidden) {
         return null;
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({}, getPathProps({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({
+        "data-series": id
+      }, getPathProps({
         seriesId: id,
         points,
         color,

package/RadarChart/RadarSeriesPlot/RadarSeriesArea.mjs

@@ -60,7 +60,9 @@ function RadarSeriesArea(props) {
       if (hidden) {
         return null;
       }
-      return /*#__PURE__*/_jsx("path", _extends({}, getPathProps({
+      return /*#__PURE__*/_jsx("path", _extends({
+        "data-series": id
+      }, getPathProps({
         seriesId: id,
         points,
         color,

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.js

@@ -64,6 +64,7 @@ function RadarSeriesMarks(props) {
         return null;
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        "data-series": id,
         children: points.map((point, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", (0, _extends2.default)({}, getCircleProps({
           seriesId: id,
           point,

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.mjs

@@ -55,6 +55,7 @@ function RadarSeriesMarks(props) {
         return null;
       }
       return /*#__PURE__*/_jsx("g", {
+        "data-series": id,
         children: points.map((point, index) => /*#__PURE__*/_jsx("circle", _extends({}, getCircleProps({
           seriesId: id,
           point,

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.js

@@ -43,6 +43,7 @@ function RadarSeriesPlot(props) {
         return null;
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+        "data-series": seriesId,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", (0, _extends2.default)({}, (0, _RadarSeriesArea.getPathProps)({
           seriesId,
           points,

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.mjs

@@ -36,6 +36,7 @@ function RadarSeriesPlot(props) {
         return null;
       }
       return /*#__PURE__*/_jsxs("g", {
+        "data-series": seriesId,
         children: [/*#__PURE__*/_jsx("path", _extends({}, getPathProps({
           seriesId,
           points,

package/ScatterChart/ScatterChart.js

@@ -199,11 +199,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['scatter']).isRequired
   })]),
   /**
    * Defines the maximum distance between a scatter point and the pointer that triggers the interaction.
@@ -360,11 +360,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['scatter']).isRequired
+    seriesId: _propTypes.default.string.isRequired
   }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
-    seriesId: _propTypes.default.string.isRequired
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['scatter']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
@@ -387,11 +387,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   zAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
-      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-      type: _propTypes.default.oneOf(['ordinal']).isRequired,
-      unknownColor: _propTypes.default.string,
-      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
-    }), _propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
       min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -400,6 +395,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       thresholds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]).isRequired).isRequired,
       type: _propTypes.default.oneOf(['piecewise']).isRequired
+    }), _propTypes.default.shape({
+      colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+      type: _propTypes.default.oneOf(['ordinal']).isRequired,
+      unknownColor: _propTypes.default.string,
+      values: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number, _propTypes.default.string]).isRequired)
     })]),
     data: _propTypes.default.array,
     dataKey: _propTypes.default.string,

package/ScatterChart/ScatterChart.mjs

@@ -192,11 +192,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   highlightedItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['scatter']).isRequired
   })]),
   /**
    * Defines the maximum distance between a scatter point and the pointer that triggers the interaction.
@@ -353,11 +353,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['scatter']).isRequired
+    seriesId: PropTypes.string.isRequired
   }), PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
-    seriesId: PropTypes.string.isRequired
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['scatter']).isRequired
   })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
@@ -380,11 +380,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    */
   zAxis: PropTypes.arrayOf(PropTypes.shape({
     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]),
@@ -393,6 +388,11 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
       thresholds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]).isRequired).isRequired,
       type: PropTypes.oneOf(['piecewise']).isRequired
+    }), 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)
     })]),
     data: PropTypes.array,
     dataKey: PropTypes.string,

package/ScatterChart/seriesConfig/tooltip.js

@@ -4,28 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _getLabel = require("../../internals/getLabel");
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = (0, _getLabel.getLabel)(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType
-  };
-};
+var _getLineLikeTooltip = require("../../internals/getLineLikeTooltip");
+const tooltipGetter = params => (0, _getLineLikeTooltip.getLineLikeTooltip)(params);
 var _default = exports.default = tooltipGetter;

package/ScatterChart/seriesConfig/tooltip.mjs

@@ -1,25 +1,3 @@
-import { getLabel } from "../../internals/getLabel.mjs";
-const tooltipGetter = params => {
-  const {
-    series,
-    getColor,
-    identifier
-  } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
-    return null;
-  }
-  const label = getLabel(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
-  });
-  return {
-    identifier,
-    color: getColor(identifier.dataIndex),
-    label,
-    value,
-    formattedValue,
-    markType: series.labelMarkType
-  };
-};
+import { getLineLikeTooltip } from "../../internals/getLineLikeTooltip.mjs";
+const tooltipGetter = params => getLineLikeTooltip(params);
 export default tooltipGetter;