fix stacking in pages

Author: pan-kot

pages/01-cartesian-chart/large-series.page.tsx

@@ -53,7 +53,7 @@ function Component() {
     <CartesianChart
       {...chartProps.cartesian}
       chartHeight={500}
-      stacking={true}
+      stacking="normal"
       ariaLabel="Large area chart"
       series={series}
       xAxis={{

pages/01-cartesian-chart/many-series.page.tsx

@@ -105,7 +105,7 @@ function Component() {
   return (
     <CartesianChart
       {...chartProps.cartesian}
-      stacking={true}
+      stacking="normal"
       chartHeight={400}
       ariaLabel="Area chart"
       series={series}

pages/04-migration/examples/area-chart.tsx

@@ -112,7 +112,7 @@ export function ComponentNew() {
       chartMinHeight={100}
       ariaLabel="Area chart"
       series={seriesNew}
-      stacking={true}
+      stacking="normal"
       xAxis={{
         type: "datetime",
         title: "Time (UTC)",

pages/04-migration/examples/bar-chart.tsx

@@ -63,7 +63,7 @@ export function ComponentNew({
       chartMinHeight={100}
       ariaLabel="Bar chart"
       inverted={inverted}
-      stacking={stacking}
+      stacking={stacking ? "normal" : undefined}
       series={single ? seriesNew.slice(1, 2) : seriesNew}
       xAxis={{
         type: "category",

pages/04-migration/examples/cartesian-chart-no-data.tsx

@@ -52,7 +52,7 @@ export function ComponentNew({ statusType, series, hideSeries }: ComponentProps)
       fitHeight={true}
       chartMinHeight={150}
       ariaLabel="Line chart"
-      stacking={true}
+      stacking="normal"
       series={{ none: [], empty: seriesNewNoData, threshold: seriesNewThreshold, data: seriesNew }[series]}
       visibleSeries={hideSeries ? [] : undefined}
       xAxis={{

pages/05-demos/dashboard-demo/widget-instance-hours.tsx

@@ -60,7 +60,7 @@ export function WidgetInstanceHours() {
       fitHeight={true}
       chartMinHeight={200}
       series={isEmpty ? [] : series}
-      stacking={true}
+      stacking="normal"
       xAxis={{
         title: "Date",
         type: "category",

pages/05-demos/website-playground-examples/example-area-stacked-area-chart-multiple-metrics.tsx

@@ -830,7 +830,7 @@ export function ExampleAreaChartStackedAreaChartMultipleMetrics() {
         {...chartProps.cartesian}
         chartHeight={379}
         ariaLabel="Stacked area chart, multiple metrics"
-        stacking={true}
+        stacking="normal"
         series={isEmpty ? [] : series}
         tooltip={{
           ...chartProps.cartesian.tooltip,

pages/05-demos/website-playground-examples/example-area-stacked-area-chart-with-threshold.tsx

@@ -145,7 +145,7 @@ export function ExampleAreaChartStackedAreaChartWithThreshold() {
         {...chartProps.cartesian}
         chartHeight={379}
         ariaLabel="Stacked area chart, with threshold"
-        stacking={true}
+        stacking="normal"
         series={isEmpty ? [] : series}
         tooltip={{
           ...chartProps.cartesian.tooltip,

pages/05-demos/website-playground-examples/example-area-stacked-area-chart.tsx

@@ -104,7 +104,7 @@ export function ExampleAreaChartStackedAreaChart() {
         {...chartProps.cartesian}
         chartHeight={379}
         ariaLabel="Stacked area chart"
-        stacking={true}
+        stacking="normal"
         series={isEmpty ? [] : series}
         tooltip={{
           ...chartProps.cartesian.tooltip,

pages/05-demos/website-playground-examples/example-bar-multiple-data-series-stacked-horizontal.tsx

@@ -53,7 +53,7 @@ export function ExampleBarChartMultipleDataSeriesStackedHorizontal() {
         chartHeight={423}
         inverted={true}
         ariaLabel="Stacked, horizontal bar chart"
-        stacking={true}
+        stacking="normal"
         series={isEmpty ? [] : series}
         tooltip={{
           ...chartProps.cartesian.tooltip,