Question

我一直在我的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>

Answer 1

刚检查过代码 - 该插件不支持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;
  }

Answer 2

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

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

Highcharts-ng with drilldown

2 个答案: