[charts] Fix area with log scale (#13791)

mui · Jul 10, 2024 · 0c98c78 · 0c98c78
1 parent f4ff9f1
commit 0c98c78
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/x-charts/src/LineChart/AreaPlot.tsx b/packages/x-charts/src/LineChart/AreaPlot.tsx
@@ -91,7 +91,13 @@ const useAggregatedData = () => {
  }>()
  .x((d) => xScale(d.x))
  .defined((_, i) => connectNulls || data[i] != null)
- .y0((d) => d.y && yScale(d.y[0])!)
+ .y0((d) => {
+ const value = d.y && yScale(d.y[0])!;
+ if (Number.isNaN(value)) {
+ return yScale.range()[0];
+ }
+ return value;
+ })
  .y1((d) => d.y && yScale(d.y[1])!);
 
  const curve = getCurveFactory(series[seriesId].curve);

diff --git a/packages/x-charts/src/LineChart/extremums.ts b/packages/x-charts/src/LineChart/extremums.ts
@@ -41,7 +41,8 @@ export const getExtremumY: ExtremumGetter<'line'> = (params) => {
  const { area, stackedData } = series[seriesId];
  const isArea = area !== undefined;
 
- const getValues: GetValuesTypes = isArea ? (d) => d : (d) => [d[1], d[1]]; // Since this series is not used to display an area, we do not consider the base (the d[0]).
+ const getValues: GetValuesTypes =
+ isArea && axis.scaleType !== 'log' ? (d) => d : (d) => [d[1], d[1]]; // Since this series is not used to display an area, we do not consider the base (the d[0]).
 
  const seriesExtremums = getSeriesExtremums(getValues, stackedData);