title: Highcharts - How to remove drilldown link on empty items?
body: <p>I'm using Highcharts Stacked column and I need to remove drilldown link when some item is empty.</p>
  
  <p><strong>Preconditions:</strong></p>
  
  <ul>
  <li>Use value 0 or null when some item is empty because it's necessary to sort the chart columns.</li>
  <li>Some columns may have drilldown and others not, depends on the data.</li>
  </ul>
  
  <p>Please refer to the jsfiddle example:
  <a href="http://jsfiddle.net/tsenffor/" rel="nofollow noreferrer">http://jsfiddle.net/tsenffor/</a></p>
  
  <p><strong>How to reproduce:</strong></p>
  
  <ul>
  <li>Below the chart, uncheck the the "CCC" label.</li>
  <li>Note that "Name 4 column" has no value, but the drilldown link is enabled. See the image below.</li>
  </ul>
  
  <p><a href="https://i.stack.imgur.com/xv43W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xv43W.png" alt="enter image description here"></a></p>
  
  <p><strong>If possible hide the empty column, but I still need this value set 0 or null in the code because the columns sorting.</strong></p>
  
  <p><a href="https://stackoverflow.com/questions/39678141/highcharts-how-to-sort-xaxis-category-by-total">Find the related columns sorting issue here.</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function () {
      $('#container').highcharts({
          chart: {
              type: 'column'
          },
          title: {
              text: 'Stacked column chart'
          },
          xAxis: {
              type: 'category'
          },
          yAxis: {
              min: 0,
              title: {
                  text: 'Highchart test'
              },
              stackLabels: {
                enabled: true,
                style: {
                 fontWeight: 'bold'
               }
             }
          },
          legend: {
              enabled: true
          },
          plotOptions: {
              series: {
                  stacking: 'normal'
              }
          },
          series: [{
              name: 'AAA',
              data: [{
                  name: 'Name 1',
                  y: 5,
                  drilldown: 'Name1AAA'
              }, {
                  name: 'Name 4',
                  y: 0
              }, {
                  name: 'Name 3',
                  y: 2
              }, {
                  name: 'Name 2',
                  y: 2
              }]
          }, {
              name: 'BBB',
              data: [{
                  name: 'Name 1',
                  y: 10,
                  drilldown: 'Name1BBB'
              }, {
                  name: 'Name 4',
                  y: 0
              }, {
                  name: 'Name 3',
                  y: 0
              }, {
                  name: 'Name 2',
                  y: 5
              }]
          }, {
              name: 'CCC',
              data: [{
                  name: 'Name 1',
                  y: 4,
                  drilldown: 'Name1CCC'
              }, {
                  name: 'Name 4',
                  y: 12,
                  drilldown: 'Name4CCC'
              }, {
                  name: 'Name 3',
                  y: 8
              }, {
                  name: 'Name 2',
                  y: 1
              }]
          }],
          
          drilldown: {
              series: [{
                  name: 'Name 1 - AAA',
                  id: 'Name1AAA',
                  data: [
                      ['Name 1/1', 2],
                      ['Name 1/2', 2],
                      ['Name 1/3', 1],
                  ]
              }, {
                  name: 'Name 1 - BBB',
                  id: 'Name1BBB',
                  data: [
                      ['Name 1/1', 7],
                      ['Name 1/2', 2],
                      ['Name 1/3', 1],
                  ]
              }, {
                  name: 'Name 1 - CCC',
                  id: 'Name1CCC',
                  data: [
                      ['Name 1/1', 2],
                      ['Name 1/2', 3],
                      ['Name 1/3', 4],
                  ]
              }, {
                  name: 'Name 4 - CCC',
                  id: 'Name4CCC',
                  data: [
                      ['Name 4/1', 4],
                      ['Name 4/2', 5],
                      ['Name 4/3', 3],
                  ]
              }]
          }
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
  &lt;script src="http://github.highcharts.com/modules/drilldown.js"&gt;&lt;/script&gt;
  
  &lt;div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Is there a way to do this?</p>
  
  <p>Thanks!</p>