Fix toggle on select

c3.js

@@ -5632,7 +5632,8 @@
         var $$ = this.internal, d3 = $$.d3, config = $$.config;
         if (! config.data_selection_enabled) { return; }
         $$.main.selectAll('.' + CLASS.shapes).selectAll('.' + CLASS.shape).each(function (d, i) {
-            var shape = d3.select(this), id = d.data ? d.data.id : d.id, toggle = $$.getToggle(this),
+            var shape = d3.select(this), id = d.data ? d.data.id : d.id,
+                toggle = $$.getToggle(this).bind($$),
                 isTargetId = config.data_selection_grouped || !ids || ids.indexOf(id) >= 0,
                 isTargetIndex = !indices || indices.indexOf(i) >= 0,
                 isSelected = shape.classed(CLASS.SELECTED);
@@ -5655,7 +5656,8 @@
         var $$ = this.internal, d3 = $$.d3, config = $$.config;
         if (! config.data_selection_enabled) { return; }
         $$.main.selectAll('.' + CLASS.shapes).selectAll('.' + CLASS.shape).each(function (d, i) {
-            var shape = d3.select(this), id = d.data ? d.data.id : d.id, toggle = $$.getToggle(this),
+            var shape = d3.select(this), id = d.data ? d.data.id : d.id,
+                toggle = $$.getToggle(this).bind($$),
                 isTargetId = config.data_selection_grouped || !ids || ids.indexOf(id) >= 0,
                 isTargetIndex = !indices || indices.indexOf(i) >= 0,
                 isSelected = shape.classed(CLASS.SELECTED);

src/api.selection.js

@@ -10,7 +10,8 @@ c3_chart_fn.select = function (ids, indices, resetOther) {
     var $$ = this.internal, d3 = $$.d3, config = $$.config;
     if (! config.data_selection_enabled) { return; }
     $$.main.selectAll('.' + CLASS.shapes).selectAll('.' + CLASS.shape).each(function (d, i) {
-        var shape = d3.select(this), id = d.data ? d.data.id : d.id, toggle = $$.getToggle(this),
+        var shape = d3.select(this), id = d.data ? d.data.id : d.id,
+            toggle = $$.getToggle(this).bind($$),
             isTargetId = config.data_selection_grouped || !ids || ids.indexOf(id) >= 0,
             isTargetIndex = !indices || indices.indexOf(i) >= 0,
             isSelected = shape.classed(CLASS.SELECTED);
@@ -33,7 +34,8 @@ c3_chart_fn.unselect = function (ids, indices) {
     var $$ = this.internal, d3 = $$.d3, config = $$.config;
     if (! config.data_selection_enabled) { return; }
     $$.main.selectAll('.' + CLASS.shapes).selectAll('.' + CLASS.shape).each(function (d, i) {
-        var shape = d3.select(this), id = d.data ? d.data.id : d.id, toggle = $$.getToggle(this),
+        var shape = d3.select(this), id = d.data ? d.data.id : d.id,
+            toggle = $$.getToggle(this).bind($$),
             isTargetId = config.data_selection_grouped || !ids || ids.indexOf(id) >= 0,
             isTargetIndex = !indices || indices.indexOf(i) >= 0,
             isSelected = shape.classed(CLASS.SELECTED);