elastic
diff --git a/‎.playground/tsconfig.json‎
Lines changed: 2 additions & 1 deletion b/‎.playground/tsconfig.json‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-area-chart-stacked-percentage-visually-looks-correct-1-snap.png‎
20 KB b/‎integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-area-chart-stacked-percentage-visually-looks-correct-1-snap.png‎
20 KB
diff --git a/‎integration/tests/__image_snapshots__/area-stories-test-ts-area-series-stories-stacked-as-not-percentage-1-snap.png‎
20 KB b/‎integration/tests/__image_snapshots__/area-stories-test-ts-area-series-stories-stacked-as-not-percentage-1-snap.png‎
20 KB
diff --git a/‎src/chart_types/xy_chart/utils/stacked_series_utils.ts‎
Lines changed: 13 additions & 2 deletions b/‎src/chart_types/xy_chart/utils/stacked_series_utils.ts‎
Lines changed: 13 additions & 2 deletions
diff --git a/‎src/utils/common.ts‎
Lines changed: 4 additions & 0 deletions b/‎src/utils/common.ts‎
Lines changed: 4 additions & 0 deletions
@@ -2,7 +2,8 @@
   "extends": "../tsconfig",
   "compilerOptions": {
     "downlevelIteration": true,
-    "target": "es5"
+    "target": "es5",
+    "resolveJsonModule": true
   },
   "include": ["../src/**/*", "./**/*"],
   "exclude": ["../**/*.test.*"]
 
@@ -29,6 +29,7 @@ import {
 
 import { SeriesKey } from '../../../common/series_id';
 import { ScaleType } from '../../../scales/constants';
+import { clamp } from '../../../utils/common';
 import { DataSeries, DataSeriesDatum } from './series';
 import { StackMode } from './specs';
 
@@ -137,8 +138,14 @@ export function formatStackedDataSeriesValues(
         const { initialY0, initialY1, mark, datum, filled } = originalData;
         return {
           x,
-          y1,
-          y0,
+          /**
+           * Due to floating point errors, values computed on a stack
+           * could falls out of the current defined domain boundaries.
+           * This in particular cause issues with percent stack, where the domain
+           * is hardcoded to [0,1] and some value can fall outside that domain.
+           */
+          y1: clampIfStackedAsPercentage(y1, stackMode),
+          y0: clampIfStackedAsPercentage(y0, stackMode),
           initialY0,
           initialY1,
           mark,
@@ -154,6 +161,10 @@ export function formatStackedDataSeriesValues(
   });
 }
 
+function clampIfStackedAsPercentage(value: number, stackMode?: StackMode) {
+  return stackMode === StackMode.Percentage ? clamp(value, 0, 1) : value;
+}
+
 function getOffsetBasedOnStackMode(stackMode?: StackMode) {
   switch (stackMode) {
     case StackMode.Percentage:
 
@@ -126,6 +126,10 @@ export function compareByValueAsc(a: number | string, b: number | string): numbe
   return a > b ? 1 : -1;
 }
 
+export function clamp(value: number, lowerBound: number, upperBound: number) {
+  return minValueWithLowerLimit(value, upperBound, lowerBound);
+}
+
 /**
  * Return the minimum value between val1 and val2. The value is bounded from below by lowerLimit
  * @param val1 a numeric value