title: Need drill down with stacked and grouped column chart
body: <p>I am trying to drilled down on grouped &amp; stacked column chart. I have two group and technically 4 stack in my chart. I want to do drill down on each stack.</p>
  
  <p>Here is my grouped &amp; stacked column chart:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;   
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"&gt;&lt;/div&gt;
      &lt;script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="http://github.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
      &lt;script src="http://github.highcharts.com/modules/drilldown.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $(function () {
              $('#container').highcharts({
                  chart: {
                      type: 'column'
                  },
                  xAxis: {
                      categories: ["1/5", "2/5", "3/5", "5/5"]
                  },
  
                  plotOptions: {
                      series: {
                          stacking: 'percent'
                      }
                  },
  
                  series: [
                      {
                          id: 'g1',
                          color: 'blue',
                          name: "group1",
                          data: [1, 2, 3, 4],
                          stack: "move"
                      },
                      {
                          linkedTo: 'g1',
                          color: 'blue',
                          name: "group1",
                          data: [5, 6, 7, 8],
                          stack: "delete"
                      },
                      {
                          id: 'g2',
                          color: 'green',
                          name: "group2",
                          data: [9, 10, 11, 12],
                          stack: "move"
                      },
                      {
                          linkedTo: 'g2',
                          color: 'green',
                          name: "group2",
                          data: [13, 14, 15, 16],
                          stack: "delete"
                      },
                      {
                          id: 'g3',
                          color: 'red',
                          name: "group3",
                          data: [17, 18, 19, 20],
                          stack: "move"
                      },
                      {
                          linkedTo: 'g3',
                          color: 'red',
                          name: "group3",
                          data: [21, 22, 23, 24],
                          stack: "delete"
                      },
                      {
                          id: 'g4',
                          color: 'yellow',
                          name: "group3",
                          data: [17, 18, 19, 20],
                          stack: "move"
                      },
                      {
                          linkedTo: 'g4',
                          color: 'yellow',
                          name: "group3",
                          data: [21, 22, 23, 24],
                          stack: "delete"
                      }
  
                  ]
              });
          });
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But can't understand how to make it drill down. I want to show fixed placement column on drill down like this:</p>
  
  <p><a href="https://i.stack.imgur.com/H4GBk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H4GBk.png" alt="enter image description here"></a></p>