diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-axes-different-tooltip-formatter-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-axes-different-tooltip-formatter-visually-looks-correct-1-snap.png
index 1034996b78f..9c40c940d5d 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-axes-different-tooltip-formatter-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-axes-different-tooltip-formatter-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-1-y-0-g-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-1-y-0-g-visually-looks-correct-1-snap.png
index 9a8a5016a0c..43ee9673ea3 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-1-y-0-g-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-1-y-0-g-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-1-y-1-g-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-1-y-1-g-visually-looks-correct-1-snap.png
index c9879140779..af357e6c13e 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-1-y-1-g-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-1-y-1-g-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-2-y-0-g-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-2-y-0-g-visually-looks-correct-1-snap.png
index a9be912be7e..362e73f8566 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-2-y-0-g-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-2-y-0-g-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-2-y-1-g-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-2-y-1-g-visually-looks-correct-1-snap.png
index ab775be57b7..54150632ba5 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-2-y-1-g-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-bar-chart-2-y-1-g-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-order-bins-by-sum-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-order-bins-by-sum-visually-looks-correct-1-snap.png
index a3a0e660810..efe23660f8b 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-order-bins-by-sum-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-order-bins-by-sum-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-simple-value-label-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-simple-value-label-visually-looks-correct-1-snap.png
deleted file mode 100644
index f66046ba968..00000000000
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-simple-value-label-visually-looks-correct-1-snap.png and /dev/null differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-simple-valuelabel-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-simple-valuelabel-visually-looks-correct-1-snap.png
deleted file mode 100644
index f66046ba968..00000000000
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-simple-valuelabel-visually-looks-correct-1-snap.png and /dev/null differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-with-value-label-advanced-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-with-value-label-advanced-visually-looks-correct-1-snap.png
index 713f1fc1cd8..4a900e6faab 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-with-value-label-advanced-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-with-value-label-advanced-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-with-value-label-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-with-value-label-visually-looks-correct-1-snap.png
index 2a98e2d40ab..ce72d348b51 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-with-value-label-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-bar-chart-with-value-label-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-negative-90-degree-ordinal-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-negative-90-degree-ordinal-visually-looks-correct-1-snap.png
index 3ada87312b3..b1cc02a505d 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-negative-90-degree-ordinal-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-negative-90-degree-ordinal-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-0-deg-ordinal-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-0-deg-ordinal-visually-looks-correct-1-snap.png
index d2335295b18..7b099756d54 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-0-deg-ordinal-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-0-deg-ordinal-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-180-deg-ordinal-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-180-deg-ordinal-visually-looks-correct-1-snap.png
index 19e67e82e30..93471690805 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-180-deg-ordinal-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-180-deg-ordinal-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-90-deg-ordinal-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-90-deg-ordinal-visually-looks-correct-1-snap.png
index 98fcad705e2..0773b1dff15 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-90-deg-ordinal-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-rotations-90-deg-ordinal-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-with-ordinal-axis-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-with-ordinal-axis-visually-looks-correct-1-snap.png
index 3ae378ea365..e06b1fd9647 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-with-ordinal-axis-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-rotations-with-ordinal-axis-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-area-series-color-variant-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-area-series-color-variant-visually-looks-correct-1-snap.png
index 45231070e3f..cd006651046 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-area-series-color-variant-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-area-series-color-variant-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-bar-series-color-variant-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-bar-series-color-variant-visually-looks-correct-1-snap.png
index a049531bf8f..5070f484cf6 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-bar-series-color-variant-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-bar-series-color-variant-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-custom-series-name-formatting-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-custom-series-name-formatting-visually-looks-correct-1-snap.png
index cec80dbbcbf..176f04e13d8 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-custom-series-name-formatting-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-custom-series-name-formatting-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-custom-series-name-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-custom-series-name-visually-looks-correct-1-snap.png
index 5342c24eb87..bb153e6b92f 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-custom-series-name-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-custom-series-name-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-line-series-color-variant-visually-looks-correct-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-line-series-color-variant-visually-looks-correct-1-snap.png
index ea86cf2e6ec..f7116fb4ddf 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-line-series-color-variant-visually-looks-correct-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/all-test-ts-baseline-visual-tests-for-all-stories-stylings-line-series-color-variant-visually-looks-correct-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-bottom-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-bottom-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png
index ed3a2b1a155..01eb7ec4b58 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-bottom-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-bottom-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-bottom-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-bottom-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png
index 675c6d8604b..a226c6b1d45 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-bottom-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-bottom-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-middle-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-middle-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png
index 6d24cc26bd0..c223dc11c35 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-middle-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-middle-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-middle-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-middle-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png
index d412c7e9cc4..9e1251cdd8e 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-middle-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-middle-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-top-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-top-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png
index 713f1fc1cd8..4a900e6faab 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-top-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-top-horizontal-alignment-center-place-the-value-labels-on-the-correct-area-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-top-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-top-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png
index 7d0fcd10352..e30f2b1bae3 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-top-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/bar-stories-test-ts-bar-series-stories-value-labels-positioning-rotation-0-vertical-alignment-top-horizontal-alignment-right-place-the-value-labels-on-the-correct-area-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-should-size-legends-with-ordinal-x-axis-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-should-size-legends-with-ordinal-x-axis-1-snap.png
new file mode 100644
index 00000000000..7da77d0af01
Binary files /dev/null and b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-should-size-legends-with-ordinal-x-axis-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-all-custom-tick-formatters-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-all-custom-tick-formatters-1-snap.png
index a629cecaa7a..68c83575e7a 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-all-custom-tick-formatters-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-all-custom-tick-formatters-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-axis-tick-formatter-with-no-header-formatter-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-axis-tick-formatter-with-no-header-formatter-1-snap.png
index 80cf969746e..6d07768b304 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-axis-tick-formatter-with-no-header-formatter-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-axis-tick-formatter-with-no-header-formatter-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-header-formatter-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-header-formatter-1-snap.png
index 0748b824220..fa22ae37ef4 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-header-formatter-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-header-formatter-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-series-tick-formatter-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-series-tick-formatter-1-snap.png
index 9fab4d9326f..2dde4345e30 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-series-tick-formatter-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-default-tick-formatter-with-no-axis-tick-formatter-nor-series-tick-formatter-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-header-formatter-for-x-axis-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-header-formatter-for-x-axis-1-snap.png
index a629cecaa7a..68c83575e7a 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-header-formatter-for-x-axis-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-header-formatter-for-x-axis-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-series-tick-formatter-with-no-axis-tick-formatter-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-series-tick-formatter-with-no-axis-tick-formatter-1-snap.png
index c386730f225..be12430b373 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-series-tick-formatter-with-no-axis-tick-formatter-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-series-tick-formatter-with-no-axis-tick-formatter-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-series-tick-formatter-with-no-axis-tick-formatter-missing-series-tick-formatter-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-series-tick-formatter-with-no-axis-tick-formatter-missing-series-tick-formatter-1-snap.png
index a0883e9bbb3..a1b250c0b8f 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-series-tick-formatter-with-no-axis-tick-formatter-missing-series-tick-formatter-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/interactions-test-ts-interactions-tooltip-formatting-should-use-series-tick-formatter-with-no-axis-tick-formatter-missing-series-tick-formatter-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-average-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-average-1-snap.png
index 5daba4a7820..3b1e45a5624 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-average-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-average-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png
index 176ce53f2ab..ffae3428304 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png
index 298b1af9ee7..69c38f40bd3 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png
index 47cfe71fd6f..1a7e32052c1 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png
index c2154e72092..7464726b863 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png
index eaa4e518cac..198ca54d22a 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-none-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-none-1-snap.png
index 5060bd0d15f..b45dc102d33 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-none-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-none-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png
index 5ed820e77a8..e86a585a1cc 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-average-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-average-1-snap.png
index cfd549401d6..2bf20033e88 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-average-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-average-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-carry-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-carry-1-snap.png
index 9afd4c1dffd..64f6c84d77e 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-carry-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-carry-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-explicit-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-explicit-1-snap.png
index b6320a4fcdf..0a4b87599a1 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-explicit-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-explicit-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-linear-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-linear-1-snap.png
index 77294bdae5a..58be9d3cbc5 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-linear-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-linear-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-lookahead-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-lookahead-1-snap.png
index 7c0416b9d3e..b71a73261cd 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-lookahead-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-lookahead-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-nearest-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-nearest-1-snap.png
index 8915a7a8fe9..f258cfaa0e2 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-nearest-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-nearest-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-none-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-none-1-snap.png
index 68c79e5476e..53a3526c07c 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-none-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-none-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-zero-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-zero-1-snap.png
index 44b29a99c75..c1a708dd637 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-zero-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-2-should-display-correct-fit-for-type-zero-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-average-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-average-1-snap.png
index e02650932ac..ebb48cbe28a 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-average-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-average-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-carry-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-carry-1-snap.png
index be224498bf8..e294b967cde 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-carry-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-carry-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-explicit-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-explicit-1-snap.png
index b6320a4fcdf..0a4b87599a1 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-explicit-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-explicit-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-linear-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-linear-1-snap.png
index 272b98e7d4d..233174e829a 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-linear-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-linear-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-lookahead-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-lookahead-1-snap.png
index 0b5ffaef91e..abf2efd303f 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-lookahead-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-lookahead-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-nearest-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-nearest-1-snap.png
index 8915a7a8fe9..f258cfaa0e2 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-nearest-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-nearest-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-none-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-none-1-snap.png
index 68c79e5476e..53a3526c07c 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-none-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-none-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-zero-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-zero-1-snap.png
index 44b29a99c75..c1a708dd637 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-zero-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-end-value-set-to-nearest-should-display-correct-fit-for-type-zero-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-average-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-average-1-snap.png
index df77bf970e3..87ae16ee70d 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-average-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-average-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png
index e3cc4c0efe0..788a0d14a20 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png
index b6320a4fcdf..0a4b87599a1 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png
index 14cf79b7080..444ff3d5330 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png
index 8e2763c6338..ef049e833ef 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png
index 8915a7a8fe9..f258cfaa0e2 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-none-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-none-1-snap.png
index 68c79e5476e..53a3526c07c 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-none-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-none-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png
index 44b29a99c75..c1a708dd637 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-average-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-average-1-snap.png
index 5d7959a1aaf..4fe299834d9 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-average-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-average-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png
index 9d8597d64c6..8cfddfe86bb 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-carry-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png
index 1b91faa923e..40b3bfc3ea3 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-explicit-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png
index 750e555d347..2722d44c061 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-linear-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png
index 76146aa39a7..fb7b6e5f6c6 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-lookahead-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png
index cc0557e0b56..02cb4a38c4e 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-nearest-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-none-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-none-1-snap.png
index a82c4851e79..65eff61effc 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-none-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-none-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png
index c86154bb40e..f9e44e46b45 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-ordinal-dataset-no-end-value-should-display-correct-fit-for-type-zero-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-average-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-average-1-snap.png
index cfd549401d6..2bf20033e88 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-average-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-average-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-carry-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-carry-1-snap.png
index 9afd4c1dffd..64f6c84d77e 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-carry-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-carry-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-explicit-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-explicit-1-snap.png
index b6320a4fcdf..0a4b87599a1 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-explicit-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-explicit-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-linear-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-linear-1-snap.png
index 77294bdae5a..58be9d3cbc5 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-linear-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-linear-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-lookahead-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-lookahead-1-snap.png
index 7c0416b9d3e..b71a73261cd 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-lookahead-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-lookahead-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-nearest-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-nearest-1-snap.png
index 8915a7a8fe9..f258cfaa0e2 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-nearest-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-nearest-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-none-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-none-1-snap.png
index 68c79e5476e..53a3526c07c 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-none-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-none-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-zero-1-snap.png b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-zero-1-snap.png
index 44b29a99c75..c1a708dd637 100644
Binary files a/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-zero-1-snap.png and b/packages/osd-charts/integration/tests/__image_snapshots__/mixed-stories-test-ts-mixed-series-stories-fitting-functions-stacked-charts-as-percentage-area-charts-with-curved-end-value-set-to-2-should-display-correct-fit-for-type-zero-1-snap.png differ
diff --git a/packages/osd-charts/integration/tests/interactions.test.ts b/packages/osd-charts/integration/tests/interactions.test.ts
index 8594846f51e..7f98e0523f1 100644
--- a/packages/osd-charts/integration/tests/interactions.test.ts
+++ b/packages/osd-charts/integration/tests/interactions.test.ts
@@ -295,4 +295,10 @@ describe('Interactions', () => {
       );
     });
   });
+  it('should size legends with ordinal x axis', async () => {
+    await common.expectChartWithMouseAtUrlToMatchScreenshot(
+      'http://localhost:9001/iframe.html?id=axes--different-tooltip-formatter',
+      { left: 350, top: 130 },
+    );
+  });
 });
diff --git a/packages/osd-charts/src/chart_types/xy_chart/legend/legend.test.ts b/packages/osd-charts/src/chart_types/xy_chart/legend/legend.test.ts
index 19c399f1d80..dbd38ece1b1 100644
--- a/packages/osd-charts/src/chart_types/xy_chart/legend/legend.test.ts
+++ b/packages/osd-charts/src/chart_types/xy_chart/legend/legend.test.ts
@@ -25,11 +25,12 @@ import { Position, RecursivePartial } from '../../../utils/commons';
 import { AxisStyle } from '../../../utils/themes/theme';
 import { SeriesCollectionValue, getSeriesName } from '../utils/series';
 import { AxisSpec, BasicSeriesSpec, SeriesTypes } from '../utils/specs';
-import { computeLegend } from './legend';
+import { computeLegend, getLegendExtra } from './legend';
 
 const nullDisplayValue = {
   formatted: null,
   raw: null,
+  legendSizingLabel: null,
 };
 const seriesCollectionValue1a = {
   seriesIdentifier: {
@@ -129,7 +130,7 @@ describe('Legends', () => {
   });
   it('compute legend for a single series', () => {
     seriesCollection.set('seriesCollectionValue1a', seriesCollectionValue1a);
-    const legend = computeLegend(seriesCollection, seriesCollectionMap, specs, 'violet', axesSpecs);
+    const legend = computeLegend(seriesCollection, seriesCollectionMap, specs, 'violet', axesSpecs, false);
     const expected: LegendItem[] = [
       {
         color: 'red',
@@ -147,7 +148,7 @@ describe('Legends', () => {
   it('compute legend for a single spec but with multiple series', () => {
     seriesCollection.set('seriesCollectionValue1a', seriesCollectionValue1a);
     seriesCollection.set('seriesCollectionValue1b', seriesCollectionValue1b);
-    const legend = computeLegend(seriesCollection, seriesCollectionMap, specs, 'violet', axesSpecs);
+    const legend = computeLegend(seriesCollection, seriesCollectionMap, specs, 'violet', axesSpecs, false);
     const expected: LegendItem[] = [
       {
         color: 'red',
@@ -175,7 +176,7 @@ describe('Legends', () => {
   it('compute legend for multiple specs', () => {
     seriesCollection.set('seriesCollectionValue1a', seriesCollectionValue1a);
     seriesCollection.set('seriesCollectionValue2a', seriesCollectionValue2a);
-    const legend = computeLegend(seriesCollection, seriesCollectionMap, specs, 'violet', axesSpecs);
+    const legend = computeLegend(seriesCollection, seriesCollectionMap, specs, 'violet', axesSpecs, false);
     const expected: LegendItem[] = [
       {
         color: 'red',
@@ -202,13 +203,13 @@ describe('Legends', () => {
   });
   it('empty legend for missing spec', () => {
     seriesCollection.set('seriesCollectionValue2b', seriesCollectionValue2b);
-    const legend = computeLegend(seriesCollection, seriesCollectionMap, specs, 'violet', axesSpecs);
+    const legend = computeLegend(seriesCollection, seriesCollectionMap, specs, 'violet', axesSpecs, false);
     expect(legend.length).toEqual(0);
   });
   it('compute legend with default color for missing series color', () => {
     seriesCollection.set('seriesCollectionValue1a', seriesCollectionValue1a);
     const emptyColorMap = new Map<string, string>();
-    const legend = computeLegend(seriesCollection, emptyColorMap, specs, 'violet', axesSpecs);
+    const legend = computeLegend(seriesCollection, emptyColorMap, specs, 'violet', axesSpecs, false);
     const expected: LegendItem[] = [
       {
         color: 'violet',
@@ -231,7 +232,7 @@ describe('Legends', () => {
 
     const emptyColorMap = new Map<string, string>();
 
-    const legend = computeLegend(seriesCollection, emptyColorMap, specs, 'violet', axesSpecs);
+    const legend = computeLegend(seriesCollection, emptyColorMap, specs, 'violet', axesSpecs, false);
 
     const visibility = [...legend.values()].map((item) => !item.isSeriesHidden);
 
@@ -246,7 +247,15 @@ describe('Legends', () => {
     const emptyColorMap = new Map<string, string>();
     const deselectedDataSeries = [seriesCollectionValue1a.seriesIdentifier, seriesCollectionValue1b.seriesIdentifier];
 
-    const legend = computeLegend(seriesCollection, emptyColorMap, specs, 'violet', axesSpecs, deselectedDataSeries);
+    const legend = computeLegend(
+      seriesCollection,
+      emptyColorMap,
+      specs,
+      'violet',
+      axesSpecs,
+      false,
+      deselectedDataSeries,
+    );
 
     const visibility = [...legend.values()].map((item) => !item.isSeriesHidden);
     expect(visibility).toEqual([false, false, true]);
@@ -344,4 +353,37 @@ describe('Legends', () => {
     name = getSeriesName(seriesIdentifier1, false, false, specWithSplit);
     expect(name).toBe('Spec 1 title');
   });
+  it('should return correct legendSizingLabel with linear scale and showExtraLegend set to true', () => {
+    const formatter = (d: string | number) => `${Number(d).toFixed(2)} dogs`;
+    const lastValues = { y0: null, y1: 14 };
+    const showExtraLegend = true;
+    const xScaleIsLinear = ScaleType.Linear;
+
+    expect(getLegendExtra(showExtraLegend, xScaleIsLinear, formatter, 'y1', lastValues)).toMatchObject({
+      raw: 14,
+      formatted: '14.00 dogs',
+      legendSizingLabel: '14.00 dogs',
+    });
+  });
+  it('should return formatted to null with ordinal scale and showExtraLegend set to true', () => {
+    const formatter = (d: string | number) => `${Number(d).toFixed(2)} dogs`;
+    const lastValues = { y0: null, y1: 14 };
+
+    expect(getLegendExtra(true, ScaleType.Ordinal, formatter, 'y1', lastValues)).toMatchObject({
+      raw: 14,
+      formatted: null,
+      legendSizingLabel: '14.00 dogs',
+    });
+  });
+  it('should return legendSizingLabel null with showLegendExtra set to false', () => {
+    const formatter = (d: string | number) => `${Number(d).toFixed(2)} dogs`;
+    const lastValues = { y0: null, y1: 14 };
+    const showLegendExtra = false;
+
+    expect(getLegendExtra(showLegendExtra, ScaleType.Ordinal, formatter, 'y1', lastValues)).toMatchObject({
+      raw: null,
+      formatted: null,
+      legendSizingLabel: null,
+    });
+  });
 });
diff --git a/packages/osd-charts/src/chart_types/xy_chart/legend/legend.ts b/packages/osd-charts/src/chart_types/xy_chart/legend/legend.ts
index fe288c124e7..a3ae74f35f5 100644
--- a/packages/osd-charts/src/chart_types/xy_chart/legend/legend.ts
+++ b/packages/osd-charts/src/chart_types/xy_chart/legend/legend.ts
@@ -19,9 +19,12 @@
 
 import { LegendItem } from '../../../commons/legend';
 import { SeriesKey, SeriesIdentifier } from '../../../commons/series_id';
+import { ScaleType } from '../../../scales/constants';
+import { TickFormatterOptions } from '../../../specs';
 import { Color } from '../../../utils/commons';
 import { BandedAccessorType } from '../../../utils/geometry';
 import { getAxesSpecForSpecId, getSpecsById } from '../state/utils/spec';
+import { LastValues } from '../state/utils/types';
 import { Y0_ACCESSOR_POSTFIX, Y1_ACCESSOR_POSTFIX } from '../tooltip/tooltip';
 import { defaultTickFormatter } from '../utils/axis_utils';
 import {
@@ -56,6 +59,31 @@ function getBandedLegendItemLabel(name: string, yAccessor: BandedAccessorType, p
     : `${name}${postfixes.y0AccessorFormat}`;
 }
 
+/** @internal */
+export function getLegendExtra(
+  showLegendExtra: boolean,
+  xScaleType: ScaleType,
+  formatter: (value: any, options?: TickFormatterOptions | undefined) => string,
+  key: keyof LastValues,
+  lastValue?: LastValues,
+): LegendItem['defaultExtra'] {
+  if (showLegendExtra) {
+    const rawValue = (lastValue && lastValue[key]) ?? null;
+    const formattedValue = rawValue !== null ? formatter(rawValue) : null;
+
+    return {
+      raw: rawValue !== null ? rawValue : null,
+      formatted: xScaleType === ScaleType.Ordinal ? null : formattedValue,
+      legendSizingLabel: formattedValue,
+    };
+  }
+  return {
+    raw: null,
+    formatted: null,
+    legendSizingLabel: null,
+  };
+}
+
 /** @internal */
 export function computeLegend(
   seriesCollection: Map<SeriesKey, SeriesCollectionValue>,
@@ -63,9 +91,11 @@ export function computeLegend(
   specs: BasicSeriesSpec[],
   defaultColor: string,
   axesSpecs: AxisSpec[],
+  showLegendExtra: boolean,
   deselectedDataSeries: SeriesIdentifier[] = [],
 ): LegendItem[] {
   const legendItems: LegendItem[] = [];
+
   const sortedCollection = getSortedDataSeriesColorsValuesMap(seriesCollection);
 
   sortedCollection.forEach((series, key) => {
@@ -79,6 +109,7 @@ export function computeLegend(
     if (name === '' || !spec) {
       return;
     }
+
     const postFixes = getPostfix(spec);
     const labelY1 = banded ? getBandedLegendItemLabel(name, BandedAccessorType.Y1, postFixes) : name;
 
@@ -95,10 +126,7 @@ export function computeLegend(
       isSeriesHidden,
       isItemHidden: hideInLegend,
       isToggleable: true,
-      defaultExtra: {
-        raw: lastValue && lastValue.y1 !== null ? lastValue.y1 : null,
-        formatted: lastValue && lastValue.y1 !== null ? formatter(lastValue.y1) : null,
-      },
+      defaultExtra: getLegendExtra(showLegendExtra, spec.xScaleType, formatter, 'y1', lastValue),
     });
     if (banded) {
       const labelY0 = getBandedLegendItemLabel(name, BandedAccessorType.Y0, postFixes);
@@ -110,10 +138,7 @@ export function computeLegend(
         isSeriesHidden,
         isItemHidden: hideInLegend,
         isToggleable: true,
-        defaultExtra: {
-          raw: lastValue && lastValue.y0 !== null ? lastValue.y0 : null,
-          formatted: lastValue && lastValue.y0 !== null ? formatter(lastValue.y0) : null,
-        },
+        defaultExtra: getLegendExtra(showLegendExtra, spec.xScaleType, formatter, 'y0', lastValue),
       });
     }
   });
diff --git a/packages/osd-charts/src/chart_types/xy_chart/rendering/rendering.test.ts b/packages/osd-charts/src/chart_types/xy_chart/rendering/rendering.test.ts
index a36b0746b33..9a33546ae2a 100644
--- a/packages/osd-charts/src/chart_types/xy_chart/rendering/rendering.test.ts
+++ b/packages/osd-charts/src/chart_types/xy_chart/rendering/rendering.test.ts
@@ -144,6 +144,7 @@ describe('Rendering utils', () => {
       defaultExtra: {
         formatted: null,
         raw: null,
+        legendSizingLabel: null,
       },
     };
 
diff --git a/packages/osd-charts/src/chart_types/xy_chart/state/chart_state.test.ts b/packages/osd-charts/src/chart_types/xy_chart/state/chart_state.test.ts
index 07c920c10fe..f1e288419c4 100644
--- a/packages/osd-charts/src/chart_types/xy_chart/state/chart_state.test.ts
+++ b/packages/osd-charts/src/chart_types/xy_chart/state/chart_state.test.ts
@@ -77,10 +77,6 @@ describe.skip('Chart Store', () => {
       specId: SPEC_ID,
       key: 'color1',
     },
-    defaultExtra: {
-      raw: null,
-      formatted: 'formatted-last',
-    },
   };
 
   const secondLegendItem: LegendItem = {
@@ -90,10 +86,6 @@ describe.skip('Chart Store', () => {
       specId: SPEC_ID,
       key: 'color2',
     },
-    defaultExtra: {
-      raw: null,
-      formatted: 'formatted-last',
-    },
   };
   beforeEach(() => {
     store = null; // new ChartStore();
diff --git a/packages/osd-charts/src/chart_types/xy_chart/state/selectors/compute_legend.ts b/packages/osd-charts/src/chart_types/xy_chart/state/selectors/compute_legend.ts
index 39a34a8d01a..e9781088ace 100644
--- a/packages/osd-charts/src/chart_types/xy_chart/state/selectors/compute_legend.ts
+++ b/packages/osd-charts/src/chart_types/xy_chart/state/selectors/compute_legend.ts
@@ -23,6 +23,7 @@ import { LegendItem } from '../../../../commons/legend';
 import { getChartIdSelector } from '../../../../state/selectors/get_chart_id';
 import { getChartThemeSelector } from '../../../../state/selectors/get_chart_theme';
 import { getDeselectedSeriesSelector } from '../../../../state/selectors/get_deselected_data_series';
+import { getSettingsSpecSelector } from '../../../../state/selectors/get_settings_specs';
 import { computeLegend } from '../../legend/legend';
 import { computeSeriesDomainsSelector } from './compute_series_domains';
 import { getSeriesColorsSelector } from './get_series_color_map';
@@ -37,14 +38,24 @@ export const computeLegendSelector = createCachedSelector(
     getSeriesColorsSelector,
     getAxisSpecsSelector,
     getDeselectedSeriesSelector,
+    getSettingsSpecSelector,
   ],
-  (seriesSpecs, seriesDomainsAndData, chartTheme, seriesColors, axesSpecs, deselectedDataSeries): LegendItem[] =>
+  (
+    seriesSpecs,
+    seriesDomainsAndData,
+    chartTheme,
+    seriesColors,
+    axesSpecs,
+    deselectedDataSeries,
+    { showLegendExtra },
+  ): LegendItem[] =>
     computeLegend(
       seriesDomainsAndData.seriesCollection,
       seriesColors,
       seriesSpecs,
       chartTheme.colors.defaultVizColor,
       axesSpecs,
+      showLegendExtra,
       deselectedDataSeries,
     ),
 )(getChartIdSelector);
diff --git a/packages/osd-charts/src/chart_types/xy_chart/state/selectors/get_legend_items_labels.ts b/packages/osd-charts/src/chart_types/xy_chart/state/selectors/get_legend_items_labels.ts
index 68c1dbea296..100f8362e3f 100644
--- a/packages/osd-charts/src/chart_types/xy_chart/state/selectors/get_legend_items_labels.ts
+++ b/packages/osd-charts/src/chart_types/xy_chart/state/selectors/get_legend_items_labels.ts
@@ -29,8 +29,8 @@ export const getLegendItemsLabelsSelector = createCachedSelector(
   [computeLegendSelector, getSettingsSpecSelector],
   (legendItems, { showLegendExtra }): LegendItemLabel[] =>
     legendItems.map(({ label, defaultExtra }) => {
-      if (defaultExtra?.formatted != null) {
-        return { label: `${label}${showLegendExtra ? defaultExtra.formatted : ''}`, depth: 0 };
+      if (defaultExtra?.legendSizingLabel != null) {
+        return { label: `${label}${showLegendExtra ? defaultExtra.legendSizingLabel : ''}`, depth: 0 };
       }
       return { label, depth: 0 };
     }),
diff --git a/packages/osd-charts/src/chart_types/xy_chart/state/utils/common.test.ts b/packages/osd-charts/src/chart_types/xy_chart/state/utils/common.test.ts
index 30118589f2d..534e18790c8 100644
--- a/packages/osd-charts/src/chart_types/xy_chart/state/utils/common.test.ts
+++ b/packages/osd-charts/src/chart_types/xy_chart/state/utils/common.test.ts
@@ -141,7 +141,7 @@ describe('Type Checks', () => {
             key: 'specId:{bars},colors:{a}',
             specId: 'bars',
           },
-          defaultExtra: { raw: 6, formatted: '6.00' },
+          defaultExtra: { raw: 6, formatted: '6.00', legendSizingLabel: '6.00' },
           isSeriesHidden: true,
         },
         {
@@ -151,7 +151,7 @@ describe('Type Checks', () => {
             key: 'specId:{bars},colors:{b}',
             specId: 'bars',
           },
-          defaultExtra: { raw: 2, formatted: '2.00' },
+          defaultExtra: { raw: 2, formatted: '2.00', legendSizingLabel: '2.00' },
           isSeriesHidden: true,
         },
       ];
@@ -166,7 +166,7 @@ describe('Type Checks', () => {
             key: 'specId:{bars},colors:{a}',
             specId: 'bars',
           },
-          defaultExtra: { raw: 6, formatted: '6.00' },
+          defaultExtra: { raw: 6, formatted: '6.00', legendSizingLabel: '6.00' },
           isSeriesHidden: false,
         },
         {
@@ -176,7 +176,7 @@ describe('Type Checks', () => {
             key: 'specId:{bars},colors:{b}',
             specId: 'bars',
           },
-          defaultExtra: { raw: 2, formatted: '2.00' },
+          defaultExtra: { raw: 2, formatted: '2.00', legendSizingLabel: '2.00' },
           isSeriesHidden: true,
         },
       ];
diff --git a/packages/osd-charts/src/chart_types/xy_chart/state/utils/utils.ts b/packages/osd-charts/src/chart_types/xy_chart/state/utils/utils.ts
index 89613577e60..7d5300d1947 100644
--- a/packages/osd-charts/src/chart_types/xy_chart/state/utils/utils.ts
+++ b/packages/osd-charts/src/chart_types/xy_chart/state/utils/utils.ts
@@ -19,7 +19,6 @@
 
 import { SeriesKey, SeriesIdentifier } from '../../../../commons/series_id';
 import { Scale } from '../../../../scales';
-import { ScaleType } from '../../../../scales/constants';
 import { OrderBy } from '../../../../specs/settings';
 import { mergePartial, Rotation, Color, isUniqueArray } from '../../../../utils/commons';
 import { CurveType } from '../../../../utils/curves';
@@ -139,9 +138,7 @@ function getLastValues(
   xDomain: XDomain,
 ): Map<SeriesKey, LastValues> {
   const lastValues = new Map<SeriesKey, LastValues>();
-  if (xDomain.scaleType === ScaleType.Ordinal) {
-    return lastValues;
-  }
+
   // we need to get the latest
   formattedDataSeries.stacked.forEach(({ dataSeries, stackMode }) => {
     dataSeries.forEach((series) => {
diff --git a/packages/osd-charts/src/commons/legend.ts b/packages/osd-charts/src/commons/legend.ts
index 01e94d8e4e9..2de4a457d0b 100644
--- a/packages/osd-charts/src/commons/legend.ts
+++ b/packages/osd-charts/src/commons/legend.ts
@@ -35,6 +35,7 @@ export type LegendItem = {
   defaultExtra?: {
     raw: number | null;
     formatted: number | string | null;
+    legendSizingLabel: number | string | null;
   };
   // TODO: Remove when partition layers are toggleable
   isToggleable?: boolean;
diff --git a/packages/osd-charts/stories/axes/6a_different_tooltip_formatter.tsx b/packages/osd-charts/stories/axes/6a_different_tooltip_formatter.tsx
index 6ef6a3dd2cc..37724f676f7 100644
--- a/packages/osd-charts/stories/axes/6a_different_tooltip_formatter.tsx
+++ b/packages/osd-charts/stories/axes/6a_different_tooltip_formatter.tsx
@@ -41,12 +41,6 @@ export const Example = () => {
   return (
     <Chart className="story-chart">
       <Settings
-        theme={{
-          legend: {
-            // Used to allow space for long formatting
-            spacingBuffer: 60,
-          },
-        }}
         showLegendExtra
         showLegend={showLegend}
         tooltip={{
diff --git a/packages/osd-charts/stories/mixed/6_fitting_stacked.tsx b/packages/osd-charts/stories/mixed/6_fitting_stacked.tsx
index d33400c90b7..5c8b65ff945 100644
--- a/packages/osd-charts/stories/mixed/6_fitting_stacked.tsx
+++ b/packages/osd-charts/stories/mixed/6_fitting_stacked.tsx
@@ -18,6 +18,7 @@
  */
 
 import { select, number } from '@storybook/addon-knobs';
+import numeral from 'numeral';
 import React from 'react';
 
 import { AreaSeries, Axis, Chart, CurveType, Position, ScaleType, Settings, Fit, StackMode } from '../../src';
@@ -158,6 +159,7 @@ export const Example = () => {
   const value = number('Explicit value (using Fit.Explicit)', 5);
   const xScaleType = dataKey === 'ordinal' ? ScaleType.Ordinal : ScaleType.Linear;
   const rng = getRandomNumberGenerator();
+  const tickFormat = stackMode === 'percentage' ? (d: any) => numeral(d).format('0[.]00%') : undefined;
   return (
     <Chart className="story-chart">
       <Settings
@@ -172,7 +174,7 @@ export const Example = () => {
         }}
       />
       <Axis id="bottom" position={Position.Bottom} title="Bottom axis" showOverlappingTicks />
-      <Axis id="left" title="Left axis" position={Position.Left} />
+      <Axis id="left" title="Left axis" position={Position.Left} tickFormat={tickFormat} />
       <AreaSeries
         id="test3"
         xScaleType={xScaleType}