Merge pull request #16167 from prometheus/invert-legend-selection-behavior

Invert graph legend series show/hide behavior

web/ui/mantine-ui/src/pages/query/UPlotChart.tsx

@@ -95,7 +95,9 @@ const UPlotChart: FC<UPlotChartProps> = ({
         className={classes.uplotChart}
       />
       <Text fz="xs" c="dimmed" ml={40} mt={-25} mb="lg">
-        Click: hide single series, Ctrl+click: show single series
+        Click: show single series,{" "}
+        {navigator.userAgent.includes("Mac") ? "⌘" : "Ctrl"} + click: hide
+        single series
       </Text>
     </>
   );

web/ui/mantine-ui/src/pages/query/uPlotChartHelpers.ts

@@ -313,6 +313,7 @@ export const getUPlotOptions = (
   legend: {
     show: true,
     live: false,
+    isolate: true,
     markers: {
       fill: (
         _u: uPlot,