#118 tooltip not visible

Author: Adam Kasprowicz

lib/index.js

@@ -759,7 +759,7 @@ function buildDomWrapper(el, options) {
   if (options.title && options.showTitle) {
     html += `<div class="keen-dataviz-title ${options.theme}-title">${options.title}</div>`;
   }
-  html += `<div class="${options.theme}-rendering ${options.theme}-rendering-${align}">${container}</div>`;
+  html += `<div class="keen-dataviz-rendering keen-dataviz-rendering-${align} ${options.theme}-rendering ${options.theme}-rendering-${align}">${container}</div>`;
   if (options.notes) {
     html += `<div class="keen-dataviz-notes ${options.theme}-notes">${options.notes}</div>`;
   }

lib/libraries/index.js

@@ -29,6 +29,45 @@ export default function(lib) {
     }, delay);
   });
 
+  // FIX for c3 tooltip bug - REMOVE when https://github.com/c3js/c3/pull/2476 is merged
+  if (c3.chart && c3.chart.internal && c3.chart.internal.fn) {
+    c3.chart.internal.fn.horizontalDistance = function(data, pos) {
+      var $$ = this,
+          config = $$.config,
+          xIndex = config.axis_rotated ? 1 : 0,
+          x = $$.x(data.x);
+          return Math.abs(x - pos[xIndex]);
+    };
+    c3.chart.internal.fn.findClosest = function (values, pos) {
+      const CLASS = c3.chart.internal.fn.CLASS;
+      var $$ = this,
+          minDist = $$.config.point_sensitivity,
+          minDist = Infinity,
+          closest;
+      // find mouseovering bar
+      values.filter(function (v) {
+          return v && $$.isBarType(v.id);
+      }).forEach(function (v) {
+          var shape = $$.main.select('.' + CLASS.bars + $$.getTargetSelectorSuffix(v.id) + ' .' + CLASS.bar + '-' + v.index).node();
+          if (!closest && $$.isWithinBar($$.d3.mouse(shape), shape)) {
+              closest = v;
+          }
+      });
+      // find closest point from non-bar
+      values.filter(function (v) {
+          return v && !$$.isBarType(v.id);
+      }).forEach(function (v) {
+          var d = $$.dist(v, pos);
+          var d = $$.horizontalDistance(v, pos);
+          if (d < minDist) {
+              minDist = d;
+              closest = v;
+          }
+      });
+      return closest;
+    };
+  }
+
   return defineC3();
 };
 
@@ -276,6 +315,7 @@ function defineC3(){
 
             // Render artifacts
             this.view._artifacts['c3'] = c3.generate(c3options);
+
             c3PaginatingLegend.call(this, {...options, onLegendRendered: () => {
               const legendElement = this.el().querySelector('.keen-c3-legend');
               if (legendElement) {