feat: add tooltip delay option (#11)

* Add graph3d tooltip delay option

* Add tooltipDelay to graph3d docs

* chore(docs): add unit of tooltipDelay

Author: mojoaxel

docs/graph3d/index.html

@@ -539,6 +539,15 @@ <h2 id="Configuration_Options">Configuration Options</h2>
       </td>
     </tr>
 
+    <tr>
+      <td>tooltipDelay</td>
+      <td>number</td>
+      <td>300</td>
+      <td>The delay time (in ms) for the tooltip to appear when the mouse cursor
+        hovers over an x-y grid tile.
+      </td>
+    </tr>
+
     <tr class='toggle collapsible' onclick="toggleTable('optionTable','tooltipStyle', this);">
       <td><span parent="tooltipStyle" class="right-caret"></span> tooltipStyle</td>
       <td>Object</td>

lib/graph3d/Graph3d.js

@@ -69,6 +69,7 @@ Graph3d.DEFAULTS = {
 
   style            : Graph3d.STYLE.DOT,
   tooltip          : false,
+  tooltipDelay     : 300, // milliseconds
 
   tooltipStyle     : {
       content : {
@@ -2005,7 +2006,7 @@ Graph3d.prototype._onClick = function (event) {
  * @param {Event}  event   A mouse move event
  */
 Graph3d.prototype._onTooltip = function (event) {
-  var delay = 300; // ms
+  var delay = this.tooltipDelay; // ms
   var boundingRect = this.frame.getBoundingClientRect();
   var mouseX = getMouseX(event) - boundingRect.left;
   var mouseY = getMouseY(event) - boundingRect.top;

lib/graph3d/Settings.js

@@ -74,6 +74,7 @@ var OPTIONKEYS = [
   'xCenter',
   'yCenter',
   'zoomable',
+  'tooltipDelay',
   'ctrlToZoom'
 ];
 

lib/graph3d/options.js

@@ -92,6 +92,7 @@ let allOptions = {
     ]
   },
   tooltip      : { boolean: bool, 'function': 'function' },
+  tooltipDelay : { number: number },
   tooltipStyle : {
     content: {
       color       : { string },