Fix tool tips in add_lodcurve and dotchart

 - need to attach tool tip to body rather than parent chart,
   as div can't be inside an SVG.

NEWS.md

@@ -1,4 +1,4 @@
-## d3panels 1.6.2 (2020-06-08)
+## d3panels 1.6.3 (2020-06-08)
 
 - Implemented custom tool tips in order to drop the
   [d3-tip]http://labratrevenge.com/d3-tip) library, which is no longer

d3panels.js

@@ -1,6 +1,6 @@
 !function() { // encapsulate d3panels functions
     var d3panels = {
-        version: "1.6.2"
+        version: "1.6.3"
     };
 "use strict";
 
@@ -3640,7 +3640,7 @@ d3panels.dotchart = function (chartOpts) {
     }).attr("cy", function (d) {
       return d.y;
     });
-    indtip = d3panels.tooltip_create(selection, points, {
+    indtip = d3panels.tooltip_create(d3.select("body"), points, {
       tipclass: tipclass
     }, function (d, i) {
       return indID[i];
@@ -4312,7 +4312,7 @@ d3panels.add_lodcurve = function (chartOpts) {
 
   chart = function chart(prevchart, data) {
     // prevchart = chart function used to create lodchart to which we're adding
-    var bigpointsize, chr, curves, hiddenpoints, i, j, len, lodcurve, markerpoints, parent, ref8, svg, xscale, yscale;
+    var bigpointsize, chr, curves, hiddenpoints, i, j, len, lodcurve, markerpoints, ref8, svg, xscale, yscale;
 
     if (data.chr == null) {
       // data = {chr, pos, lod, marker} each an ordered vector
@@ -4450,10 +4450,8 @@ d3panels.add_lodcurve = function (chartOpts) {
       return d3.select(this).attr("opacity", 1);
     }).on("mouseout", function () {
       return d3.select(this).attr("opacity", 0);
-    }); // parent = d3.select(svg.node().parentNode)
-
-    parent = d3.select("body");
-    return markertip = d3panels.tooltip_create(parent, markerSelect, {
+    });
+    return markertip = d3panels.tooltip_create(d3.select("body"), markerSelect, {
       tipclass: tipclass
     }, function (d, i) {
       return [d.name, " LOD = " + d3.format('.2f')(d.lod)];

package.json

@@ -1,6 +1,6 @@
 {
   "name": "d3panels",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "description": "D3-based graphics panels",
   "author": "Karl Broman <[email protected]> (https://kbroman.org)",
   "repository": "github:kbroman/d3panels",

src/add_lodcurve.coffee

@@ -120,9 +120,7 @@ d3panels.add_lodcurve = (chartOpts) ->
                         .on "mouseout", ->
                                                        d3.select(this).attr("opacity", 0)
 
-         # parent = d3.select(svg.node().parentNode)
-         parent = d3.select("body")
-         markertip = d3panels.tooltip_create(parent, markerSelect,
+         markertip = d3panels.tooltip_create(d3.select("body"), markerSelect,
                                              {tipclass:tipclass},
                                              (d,i) -> [d.name, " LOD = #{d3.format('.2f')(d.lod)}"])
 

src/d3panels_top.js

@@ -1,4 +1,4 @@
 !function() { // encapsulate d3panels functions
     var d3panels = {
-        version: "1.6.2"
+        version: "1.6.3"
     };

src/dotchart.coffee

@@ -160,7 +160,7 @@ d3panels.dotchart = (chartOpts) ->
                   .attr("cx", (d) -> d.x)
                   .attr("cy", (d) -> d.y)
 
-        indtip = d3panels.tooltip_create(selection, points,
+        indtip = d3panels.tooltip_create(d3.select("body"), points,
                                          {tipclass:tipclass},
                                          (d,i) -> indID[i])