From 822afa6db7521e459a884dbd9ffe0c9e18ebbc12 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Tue, 30 Oct 2018 20:41:36 +0100
Subject: [PATCH] Ensured tooltips are not intersect for bar charts

---
 src/index.js            | 4 ++--
 src/visits/GraphCard.js | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/index.js b/src/index.js
index 943bb61e..1b6cc860 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,6 +1,6 @@
 import 'bootstrap/dist/css/bootstrap.min.css';
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { render } from 'react-dom';
 import { Provider } from 'react-redux';
 import { BrowserRouter } from 'react-router-dom';
 import { applyMiddleware, compose, createStore } from 'redux';
@@ -20,7 +20,7 @@ const store = createStore(reducers, composeEnhancers(
   applyMiddleware(ReduxThunk)
 ));
 
-ReactDOM.render(
+render(
   <Provider store={store}>
     <BrowserRouter>
       <ScrollToTop>
diff --git a/src/visits/GraphCard.js b/src/visits/GraphCard.js
index b6e8a914..2cbbda75 100644
--- a/src/visits/GraphCard.js
+++ b/src/visits/GraphCard.js
@@ -76,6 +76,9 @@ const renderGraph = (title, isBarChart, stats, matchMedia) => {
         },
       ],
     } : null,
+    tooltips: {
+      intersect: !isBarChart,
+    },
   };
 
   return <Component data={generateGraphData(title, isBarChart, labels, data)} options={options} height={null} />;