use reversed stacks by default

Author: pan-kot

src/core/chart-core.tsx

@@ -253,6 +253,9 @@ export function InternalCoreChart({
               title: axisTitle(yAxisOptions.title ?? {}, inverted || verticalAxisTitlePlacement === "side"),
               labels: axisLabels(yAxisOptions.labels ?? {}),
               plotLines: yAxisPlotLines(yAxisOptions.plotLines, emphasizeBaseline),
+              // We use reversed stack by default so that the order of points in the tooltip and series in the legend
+              // correspond the order of stacks.
+              reversedStacks: yAxisOptions.reversedStacks ?? true,
             })),
             // We don't use Highcharts tooltip, but certain tooltip options such as tooltip.snap or tooltip.shared
             // affect the hovering behavior of Highcharts. That is only the case when the tooltip is not disabled,

src/core/components/core-filters.tsx

@@ -47,6 +47,7 @@ function ChartSeriesFilter({ api, i18nStrings }: { api: ChartAPI; i18nStrings?:
       i18nStrings={{
         filterLabel: i18n("i18nStrings.filterLabel", i18nStrings?.seriesFilterLabel),
         filterPlaceholder: i18n("i18nStrings.filterPlaceholder", i18nStrings?.seriesFilterPlaceholder),
+        filterSelectedAriaLabel: i18nStrings?.seriesFilterSelectedAriaLabel,
       }}
     />
   );

src/core/components/core-tooltip.tsx

@@ -174,9 +174,6 @@ function getTooltipContentCartesian(
         ) : null),
     };
   });
-  if (chart.options.plotOptions?.series?.stacking) {
-    detailItems.reverse();
-  }
   const titleFormatter = getFormatter(chart.xAxis[0]);
   const slotRenderProps: TooltipSlotProps = { x, items: matchedItems };
   return {

src/core/interfaces.ts

@@ -106,6 +106,7 @@ export interface BaseI18nStrings {
   recoveryText?: string;
   seriesFilterLabel?: string;
   seriesFilterPlaceholder?: string;
+  seriesFilterSelectedAriaLabel?: string;
   legendAriaLabel?: string;
   detailPopoverDismissAriaLabel?: string;
 }