Highchart drilldown issue

Question

I am tiring to drill down twice and tiring to change the subtitle as I drill down.

plotOptions: {
         column: {
            cursor: 'pointer',
            point: {
               events: {
                  click: function(e) {

                     var drilldown = this.drilldown;
                     //var drilldownC = this.drilldown.categories;

                     if (drilldown) { // 1st drill down

                              this.series.chart.setTitle({
                              text: drilldown.name
                              });

                              chartC.setTitle(null, {
                              text: 'BBBBBBB'
                              });

                     } else { 

                        chartC.setTitle({
                             text: name
                         });
                        chartC.setTitle(null, {
                          text: 'AAAAAA'
                        });

                     }

                  }
               }
            },
            dataLabels: {
               enabled: true,
               formatter: function() {
                  return this.y;
               }
            }               
         }
      },

I am tiring to do this but it not working:

plotOptions: {
         column: {
            cursor: 'pointer',
            point: {
               events: {
                  click: function(e) {

                     var drilldown = this.drilldown;
                     //var drilldownC = this.drilldown.categories;

                     if (drilldown) { // 1st drill down

                              this.series.chart.setTitle({
                              text: drilldown.name
                              });

                              chartC.setTitle(null, {
                              text: 'BBBBBBB'
                              });


                            ----------

                              if (drilldown) {

                              this.series.chart.setTitle({
                              text: drilldown.name
                              });

                              chartC.setTitle(null, {
                              text: 'CCCCCCCC'
                              });

                              }   

                          ----------

                     } else { 

                        chartC.setTitle({
                             text: name
                         });
                        chartC.setTitle(null, {
                          text: 'AAAAAA'
                        });

                     }

                  }
               }
            },
            dataLabels: {
               enabled: true,
               formatter: function() {
                  return this.y;
               }
            }               
         }
      },

all I did is added:

                               ----------

                                  if (drilldown) {

                                  this.series.chart.setTitle({
                              text: drilldown.name
                              });

                              chartC.setTitle(null, {
                              text: 'BBBBBBB'
                              });

                                  }   

                              ----------

if any one has a solution please let me know. all I needd to do is chaeck if "drilldown" exist?

Answer 1

Why using point.click event, not chart.drilldown and chart.drillip events? Like this: http://jsfiddle.net/eqrnj220/

Code:

    chart: {
        type: 'column',
        events: {
          drilldown: function (e) {
            this.setTitle({
                text: e.point.name
            });
          },
          drillup: function (e) {
            this.setTitle({
                text: "Animals" 
            });
          }
        }
    },

Answer 2

I solved the problem by adding "Level" to Data series and kept a condition to check which level I am in and change the subtitle.

if(drilldown.level == 1)
{
     chartC.setTitle(null, {
           text: 'Bla Bla Bla Bla Bla Bla Bla'
     });
}