prevent charts from making their own tooltip if another tooltip from …

…a different chart already exists in the dom. This is particularly useful for React-like frameworks that like to tell the chart to re-render as it prevents them from creating a new tooltip each time
jcarver989 · Feb 8, 2017 · aa1a84d · aa1a84d
1 parent 9e14233
commit aa1a84d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/dist/suave-charts.min.js b/dist/suave-charts.min.js
diff --git a/src/coffeescript/tooltip.coffee b/src/coffeescript/tooltip.coffee
@@ -1,15 +1,16 @@
 class Tooltip
   constructor: (doc) ->
     @cssClass = "suave-tooltip"
-    @tip = d3.select(doc.createElement('div'))
+    node = doc.querySelector("." + @cssClass) || doc.createElement('div')
+    @tip = d3.select(node)
     @tip.attr("class", @cssClass)
     doc.body.appendChild(@tip.node())
 
-  html: (content) => 
+  html: (content) =>
     @tip.html(content)
 
   show: (node) =>
-    offset = @offset(node)    
+    offset = @offset(node)
     @tip.attr("class", "#{@cssClass} show")
     @tip.style({
       "position" : "absolute",
@@ -35,6 +36,6 @@ class Tooltip
     scrollY = window.scrollY
 
     { top: nodeCoords.top - (tipHeight + 10) + window.scrollY, left: nodeCenter - (tipWidth / 2) + window.scrollX }
-    
+
 
 module.exports = Tooltip