Search code examples
javascriptangularjshighchartshighcharts-ng

Highcharts-ng with drilldown


I've been using highcharts-ng in my angularjs project. All was doing well but now I need to use some drilldowns to detail my information and it's not working using drilldown.js. I followed the example given on highcharts' drilldown tryout fiddle but it seems to don't with angular-ng. The original Highchart example doesn't work with angular-ng as you can see in my drilldown reprodution. Any ideas of what's going wrong?

Ignore this code bellow (stackoverflow wants some code in this question)

<div ng-app="myapp">
    <div ng-controller="myctrl">
        <highchart id="chart1" config="highchartsNG"></highchart>
    </div>
</div>

Solution

  • Just checked code - that plugin doesn't support drilldown module for Highcharts.

    To allow drilldowns, edit sources, about ~104 line add drilldown property:

      // new code:
      if(config.drilldown) {
        mergedOptions.drilldown = config.drilldown;
      };      
      // old code:
      if(config.title) {
        mergedOptions.title = config.title;
      };
      if (config.subtitle) {
        mergedOptions.subtitle = config.subtitle;
      };
      if (config.credits) {
        mergedOptions.credits = config.credits;
      }