title: Highcharts : On drillup, how can I unselect my selected point?
body: <p>I'm using a chart with drilldown and I've allowed to select a point (=click). On the event click, I create an HTML table with help of AJAX to list the entities related to the count (if I see 5 items, by clicking on it I'll see who are the 5 items and list them). This becomes a 2nd/3rd level of drilldown (depending I've clicked on the 1st level of 2nd level in the chart)</p>
  
  <p>However, I'd like to remove the selection on first level on the drill up event. </p>
  
  <p>Here is my code (EDITED) :</p>
  
  <p><strong>Edit</strong>
  I'm adding series like this (<a href="http://jsfiddle.net/highcharts/pypaq94t/11/" rel="nofollow noreferrer">sample found here</a>) : </p>
  
  <pre><code>$(function() {
     var myChart = new Highcharts.Chart({
          chart: {
             type: 'column',
             renderTo: 'drillDownContainer',
  
             // Deactivate drilldown by selection.
             // See reason below in the drilldown method.
             selection: function(event) {
                   return false;
             },
             drilldown: function(e) {
                      // Deactivate click on serie. To drilldown, the user should click on the category
                      if (e.category === undefined)
                      {
                          return;
                      }
  
                      // Set subTitle (2nd param) by point name without modify Title
                      // Giving 1st param as null tells the text will be for the subTitle,.
                      // For Title, remove the null 1st param and let text.
                      this.setTitle(null, { text: e.point.name });
  
                      if (!e.seriesOptions) {
                          var chart = this,
                              drilldowns = {
                                  'Social': [
                                      {"name":"Serie 1","data": [{"id":113,"name":"my data","y":14}
                                 ]}                                  
                             ]
                          };
  
                          var categorySeries = drilldowns[e.point.name];
                          var series;
  
                          for (var i = 0; i &lt; categorySeries.length; i++) {
                              if (categorySeries[i].name === e.point.series.name) {
                                  series = categorySeries[i];
                                  break;
                              }
                          }
  
                          chart.addSingleSeriesAsDrilldown(e.point, series);
                          drilldownsAdded++;
  
                          // Buffers the number of drilldown added and once the number of series has been reached, the drill down is applied
                          // So, can't navigate by clicking to a single item.
                          // However, simply click on the category (xAxis) and then unselect the other series by clicking on legend
                          // The click has been disabled.
                          if (drilldownsAdded === 3) {
                              drilldownsAdded = 0;
                              chart.applyDrilldown();
                          }
                      }
                  },
                  drillup: function(e) {
                      this.setTitle(null, { text: '' }); // Erase subTitle when back to original view
                      $('#ajaxContainer').html(''); // Remove the table drilldown level3
                  },
                  drillupall: function(e) {
                      debugger;
                      console.log(this.series);
                      console.log(this.series.length);
  
                      for(i = 0; i &lt; this.series.length; i++)
                      {
                          console.log("i = " + i);
                          console.log(this.series[i].data.length);
                          for (d = 0; i &lt; this.series[i].data.length; d++)
                          {
                              console.log("d = " + d);
                              console.log(this.series[i].data[d].selected);
                          }
                      }
                  }
          }
     }); -- End of myChartdeclaration
  
     myChart.addSeries({
                      color: colorsArray['impact101'],
                      name: '1-Modéré',
                      data: [
                          {
                              id: '101',
                              name: 'Type 1',
                              y: 64,
                              drilldown: true
                          },
                          {
                              id: '102',
                              name: 'Type 2',
                              y: 41,
                              drilldown: true
                          }]
                  }, true);
  
  });
  </code></pre>
  
  <p>Demo of the point selection : <a href="http://jsfiddle.net/8truG/12/" rel="nofollow noreferrer">http://jsfiddle.net/8truG/12/</a></p>
  
  <p><strong>What do I'd like to do? (EDIT)</strong>
  If I select a point on the 2nd level, then return to 1st level and then back to same drilldown data, the point selected before is not selected anymore. 
  However, for the 1st level, the selection remains. </p>
  
  <p>On the <code>drillup</code> event, the this.series[x].data[y] corresponds to the data of the 2nd level. Kind of obvious as the drilldown is not finished for all series but event raised as many as there is series. </p>
  
  <p>On the <code>drillupall</code> event, I'm getting the right serie. I can see my 3 series on debug but they are all without any data. So I can't apply <code>this.series[i].data[d].selected</code> as suggested in comment below. </p>
  
  <p>I'm using Highcharts 5.0.9.</p>
  
  <p>Any idea to help me ? </p>
  
  <p>Thanks for your help.</p>