feedback

Author: alexfauquette

packages/x-charts/src/BarChart/BarPlot.tsx

@@ -138,10 +138,11 @@ const useAggregatedData = (): {
       });
       const barOffset = groupIndex * (barWidth + offset);
 
-      const { stackedData } = series[seriesId];
+      const { stackedData, data: currentSeriesData, layout } = series[seriesId];
 
-      return stackedData
-        .map((values, dataIndex: number) => {
+      return baseScaleConfig
+        .data!.map((baseValue, dataIndex: number) => {
+          const values = stackedData[dataIndex];
           const valueCoordinates = values.map((v) => (verticalLayout ? yScale(v)! : xScale(v)!));
 
           const minValueCoord = Math.round(Math.min(...valueCoordinates));
@@ -152,19 +153,15 @@ const useAggregatedData = (): {
           const result = {
             seriesId,
             dataIndex,
-            layout: series[seriesId].layout,
-            x: verticalLayout
-              ? xScale(xAxis[xAxisId].data?.[dataIndex])! + barOffset
-              : minValueCoord,
-            y: verticalLayout
-              ? minValueCoord
-              : yScale(yAxis[yAxisId].data?.[dataIndex])! + barOffset,
+            layout,
+            x: verticalLayout ? xScale(baseValue)! + barOffset : minValueCoord,
+            y: verticalLayout ? minValueCoord : yScale(baseValue)! + barOffset,
             xOrigin: xScale(0)!,
             yOrigin: yScale(0)!,
             height: verticalLayout ? maxValueCoord - minValueCoord : barWidth,
             width: verticalLayout ? barWidth : maxValueCoord - minValueCoord,
             color: colorGetter(dataIndex),
-            value: series[seriesId].data[dataIndex],
+            value: currentSeriesData[dataIndex],
             maskId: `${chartId}_${stackId || seriesId}_${groupIndex}_${dataIndex}`,
           };
 

packages/x-charts/src/LineChart/LinePlot.tsx

@@ -2,6 +2,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
+import { warnOnce } from '@mui/x-internals/warning';
 import { line as d3Line } from '@mui/x-charts-vendor/d3-shape';
 import {
   LineElement,
@@ -98,8 +99,9 @@ const useAggregatedData = () => {
             );
           }
           if (xData.length < stackedData.length) {
-            throw new Error(
+            warnOnce(
               `MUI X: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`,
+              'error',
             );
           }
         }