fix single series bar hover (#43984)

* fix single series bar hover

* prefer reduced motion

frontend/src/metabase/visualizations/visualizations/CartesianChart/use-chart-events.ts

@@ -231,8 +231,10 @@ export const useChartEvents = (
           ? settings.series(seriesModel.legacySeriesSettingsObjectKey)
               .display === "bar"
           : false;
+      const shouldHighlightEntireSeries =
+        isBarSeries && chartModel.seriesModels.length > 1;
 
-      if (originalDatumIndex != null && !isBarSeries) {
+      if (originalDatumIndex != null && !shouldHighlightEntireSeries) {
         // (issue #40215)
         // since some transformed datasets have indexes differing from
         // the original datasets indexes and ECharts uses the transformedDataset

frontend/src/metabase/visualizations/visualizations/CartesianChart/use-models-and-option.ts

 import { useCallback, useMemo } from "react";
 
-import { isCypressActive } from "metabase/env";
+import { isReducedMotionPreferred } from "metabase/lib/dom";
 import { extractRemappings } from "metabase/visualizations";
 import { getChartMeasurements } from "metabase/visualizations/echarts/cartesian/chart-measurements";
 import { getCartesianChartModel } from "metabase/visualizations/echarts/cartesian/model";
@@ -115,7 +115,7 @@ export function useModelsAndOption({
       return {};
     }
 
-    const shouldAnimate = !isPlaceholder && !isCypressActive;
+    const shouldAnimate = !isPlaceholder && !isReducedMotionPreferred();
 
     switch (card.display) {
       case "waterfall":