Highcharts-ng with drilldown

时间:2014-03-05 10:38:06

标签: javascript angularjs highcharts highcharts-ng

我一直在我的angularjs项目中使用highcharts-ng。一切都很顺利,但现在我需要使用一些下钻来详细说明我的信息,并且使用drilldown.js无法正常工作。我按照高图的钻取试用小提琴给出的例子,但似乎没有角度ng。 正如您在Highchart example中看到的那样,原始drilldown reprodution不适用于angular-ng。 什么出错的想法?​​

忽略此代码(stackoverflow在此问题中需要一些代码)

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

2 个答案:

答案 0 :(得分:4)

刚检查过代码 - 该插件不支持Highcharts的钻取模块。

要允许下钻,编辑来源,约~104行添加下钻属性:

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

答案 1 :(得分:1)

插件使用extend(defaultOptions,config.options)来覆盖默认选项。对于&#39; title&#39;,&#39; subtitle&#39;等选项,它会读取配置中的属性。但是对于像“钻取”这样的选项,它不会成功。

因此,你可以将钻取设置更改为config.options以使其工作,而任何其他不起作用的设置都可以先尝试这种方式。