javascript - Highcharts-ng with drilldown - Stack Overflow

admin管理员组

文章数量:1389920

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>

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>

• javascript
• angularjs
• highcharts
• highcharts-ng

Share Improve this question Follow asked Mar 5, 2014 at 10:38 João MartinsJoão Martins 1,04622 gold badges1414 silver badges3737 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

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;
  }

The plugin use extend(defaultOptions, config.options) to override the default options. For options like 'title','subtitle', it will read the properties in your config. But for options like 'drilldown', it won't.

So, you can just change the drilldown setting into config.options to make this work，and any other setting not working you can try this way first.

本文标签： javascriptHighchartsng with drilldownStack Overflow