Ensured tooltips are not intersect for bar charts

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>

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} />;