BarChart: Fix Sticky Tooltip (#45017)

2022-02-07 23:26:27 +01:00
parent 01d961c824
commit ed7b9905c2
2 changed files with 6 additions and 1 deletions
@@ -252,7 +252,7 @@ export const BarChartPanel: React.FunctionComponent<Props> = ({ data, options, w
      width={width}
      height={height}
    >
-      {(config, alignedFrame) => {
+      {(config) => {
        if (oldConfig.current !== config) {
          oldConfig.current = setupConfig({
            config,
@@ -33,6 +33,11 @@ export const setupConfig = ({
 }: SetupConfigParams): UPlotConfigBuilder => {
  config.addHook('init', (u) => {
    u.root.parentElement?.addEventListener('click', onUPlotClick);
+    u.over.addEventListener('mouseleave', () => {
+      if (!isToolTipOpen.current) {
+        setCoords(null);
+      }
+    });
  });

  let rect: DOMRect;