javascript - 在 Highcharts 中设置自定义变量

Question

有没有办法创建一个变量，该变量在创建 highcharts 对象时获得一个值，以便稍后访问。

例如，当使用允许您向下钻取/向上钻取级别的图表时，我无法意识到跟踪您所在的级别。因此，我创建了一个从级别 0 开始的标志，并在图表触发向上钻取/向下钻取事件时更新，例如:

var drilldown_level = 0;
var template = {
    chart: {
        type: 'column',
        events: {
            drillup: function() {
                drilldown_level -= 1;
            },
            drilldown: function() {
                drilldown_level += 1;
            }
        }
    },
    // other options and data go here
}

var chart = new Highcharts.Chart(template);

当您只有一张图表时，上述方法就足够好了。每当我需要知道图表处于哪个drilldown级别时，我只需检查drilldown_level变量即可。然而，当我有多个图表时，问题就出现了。我需要一种方法来为每个图表实例创建一个 drilldown_level 变量，这样我就可以引用每个特定图表的 drilldown_level。

有没有办法创建一个可以为每个图表以这种方式引用的标志或变量？

Answer 1

您可以将drilldownLevel 变量直接添加到图表中:

chart: {
  type: 'column',
  events: {
    load: function() {
      this.drilldownLevel = 0;
    },
    drilldown: function() {
      this.drilldownLevel += 1;
    },
    drillup: function() {
      this.drilldownLevel -= 1;
    }
  }
},

这将使您有机会对多个图表使用检查钻取级别。

在这里您可以看到它如何工作的简单示例: http://jsfiddle.net/qwuxwzx5/

在这里您可以找到带有两个图表的示例:http://jsfiddle.net/qwuxwzx5/1/