Add tool tips to 'server load' example page

joewalnes · Oct 30, 2017 · a7f6036 · a7f6036
1 parent 2055000
commit a7f6036
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/examples/server-load.html b/examples/server-load.html
@@ -7,6 +7,15 @@
         color: #eeeeee;
         font-family: tahoma, arial, sans-serif;
       }
+      div.smoothie-chart-tooltip {
+        background: #444;
+        padding: 1em;
+        margin-top: 20px;
+        font-family: Consolas, monospace;
+        color: white;
+        font-size: 10px;
+        pointer-events: none;
+      }
     </style>
     <script type="text/javascript" src="../smoothie.js"></script>
     <script type="text/javascript" src="server-load.js"></script>

diff --git a/examples/server-load.js b/examples/server-load.js
@@ -27,7 +27,7 @@ function initHost(hostId) {
   }, 1000);
 
   // Build the timeline
-  var timeline = new SmoothieChart({ fps: 30, millisPerPixel: 20, grid: { strokeStyle: '#555555', lineWidth: 1, millisPerLine: 1000, verticalSections: 4}});
+  var timeline = new SmoothieChart({ fps: 30, millisPerPixel: 20, grid: { strokeStyle: '#555555', lineWidth: 1, millisPerLine: 1000, verticalSections: 4}, tooltip: true});
   for (var i = 0; i < cpuDataSets.length; i++) {
     timeline.addTimeSeries(cpuDataSets[i], seriesOptions[i]);
   }