Add tooltip ungrouping for multiple X. Fix #628.

6c678fb2 · Derek Schultz · 313ed15d · 6c678fb2 · 6c678fb2 · 6c678fb2
Commit 6c678fb2 authored Oct 16, 2014 by Derek Schultz
Hide whitespace changes
Inline Side-by-side

Showing with 22 additions and 6 deletions

c3.js c3.js +11 -3

c3.min.js c3.min.js +0 -0

interaction.js src/interaction.js +11 -3

No files found.
--- a/c3.js
+++ b/c3.js
@@ -2281,15 +2281,23 @@
                selectedData = sameXData.map(function (d) {
                    return $$.addName(d);
                });
-                $$.showTooltip(selectedData, mouse);
+
+                if (config.tooltip_grouped) {
+                    $$.showTooltip(selectedData, mouse);
+                }
+                else {
+                    $$.showTooltip([closest], mouse);
+                }

                // expand points
                if (config.point_focus_expand_enabled) {
                    $$.expandCircles(closest.index, closest.id, true);
                }

-                // Show xgrid focus line
-                $$.showXGridFocus(selectedData);
+                if (config.tooltip_grouped) {
+                    // Show xgrid focus line
+                    $$.showXGridFocus(selectedData);
+                }

                // Show cursor as pointer if point is close to mouse position
                if ($$.dist(closest, mouse) < 100) {

--- a/c3.min.js
+++ b/c3.min.js
--- a/src/interaction.js
+++ b/src/interaction.js
@@ -271,15 +271,23 @@ c3_chart_internal_fn.generateEventRectsForMultipleXs = function (eventRectEnter)
            selectedData = sameXData.map(function (d) {
                return $$.addName(d);
            });
-            $$.showTooltip(selectedData, mouse);
+
+            if (config.tooltip_grouped) {
+                $$.showTooltip(selectedData, mouse);
+            }
+            else {
+                $$.showTooltip([closest], mouse);
+            }

            // expand points
            if (config.point_focus_expand_enabled) {
                $$.expandCircles(closest.index, closest.id, true);
            }

-            // Show xgrid focus line
-            $$.showXGridFocus(selectedData);
+            if (config.tooltip_grouped) {
+                // Show xgrid focus line
+                $$.showXGridFocus(selectedData);
+            }

            // Show cursor as pointer if point is close to mouse position
            if ($$.dist(closest, mouse) < 100) {