diff --git a/client/html/index.html b/client/html/index.html
index 407908765..50a3019a5 100644
--- a/client/html/index.html
+++ b/client/html/index.html
@@ -50,7 +50,7 @@
   </script>
 </head>
 
-<body id="body" onload="loadCanvas()" onresize="onResize()">
+<body id="body" onload="" onresize="onResize()">
     <div id="masterApp"></div>
     <div id="canvasApp"></div>
 </body>
diff --git a/client/src/views/charts/index.js b/client/src/views/charts/index.js
index 84b7f53a7..a3ffdded1 100644
--- a/client/src/views/charts/index.js
+++ b/client/src/views/charts/index.js
@@ -25,6 +25,10 @@ const styles = theme => ({
 
 class Charts extends Component {
   componentDidMount () {
+    if (window.canvasApp.visible === undefined) {
+      loadCanvas() // This happens only once.
+    }
+
     window.canvasApp.visible = true
     let body = document.getElementById('body')
     body.style = 'margin: 0px; padding: 0px; border: 0px; overflow:hidden;'