Fix tooltip when multiple xs on multiple charts - #758

c3.js

@@ -1787,8 +1787,8 @@
 
         // find mouseovering bar
         values.filter(function (v) { return v && $$.isBarType(v.id); }).forEach(function (v) {
-            var shape = $$.d3.select('.' + CLASS.bars + $$.getTargetSelectorSuffix(v.id) + ' .' + CLASS.bar + '-' + v.index).node();
+            var shape = $$.main.select('.' + CLASS.bars + $$.getTargetSelectorSuffix(v.id) + ' .' + CLASS.bar + '-' + v.index).node();
-            if ($$.isWithinBar(shape)) {
+            if (!closest && $$.isWithinBar(shape)) {
                 closest = v;
             }
         });

src/data.js

@@ -309,8 +309,8 @@ c3_chart_internal_fn.findClosest = function (values, pos) {
 
     // find mouseovering bar
     values.filter(function (v) { return v && $$.isBarType(v.id); }).forEach(function (v) {
-        var shape = $$.d3.select('.' + CLASS.bars + $$.getTargetSelectorSuffix(v.id) + ' .' + CLASS.bar + '-' + v.index).node();
+        var shape = $$.main.select('.' + CLASS.bars + $$.getTargetSelectorSuffix(v.id) + ' .' + CLASS.bar + '-' + v.index).node();
-        if ($$.isWithinBar(shape)) {
+        if (!closest && $$.isWithinBar(shape)) {
             closest = v;
         }
     });