【问题标题】:Highcharts-ng with drilldownHighcharts-ng 与向下钻取
【发布时间】:2016-12-28 22:41:32
【问题描述】:

我一直在我的 angularjs 项目中使用 highcharts-ng。一切都做得很好,但现在我需要使用一些钻取来详细说明我的信息,并且使用 Drilldown.js 无法正常工作。我按照highcharts'drilldown tryout fiddle给出的例子,但它似乎没有使用angular-ng。 正如您在我的drilldown reprodution 中看到的那样,原始的Highchart example 不适用于angular-ng。 对出了什么问题有任何想法吗?

忽略下面这段代码(stackoverflow 想要这个问题中的一些代码)

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

【问题讨论】:

    标签: javascript angularjs highcharts highcharts-ng


    【解决方案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;
      }
    

    【讨论】:

    • 成功了,谢谢!虽然,图表不像普通类型:“列”,停留在点不知道为什么
    • 您没有在..选项下设置选项? jsfiddle.net/Cp73s/197 - 你知道吗?那个插件很奇怪..
    • @prawel fus,即使向下钻取功能有效,后退按钮也不会出现,可能是什么原因?
    • 很难说,我会在 github 上为该插件创建一个问题 - here
    【解决方案2】:

    插件使用 extend(defaultOptions, config.options) 覆盖默认选项。对于像'title','subtitle'这样的选项,它会读取你配置中的属性。但是对于像'drilldown'这样的选项,它不会。

    所以,你可以把drilldown设置改成config.options来实现,其他设置不行你可以先试试这个方法

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多