javascript - HighCharts 通过 point.events.click 设置数据时添加后退按钮

Question

有没有办法在从 point.events.click 设置数据时设置后退按钮，似乎在中设置

Highcharts.setOptions({
    lang: {
        drillUpText: 'Back'
    }
});

在 point.events.click 中设置时不起作用，我在事件中尝试了一些选项，我能做的就是设置警报。

http://jsfiddle.net/efiallo/bh6e4Lyq/1/

Answer 1

仅当导入并使用 Highcharts 向下钻取模块时，向上钻取按钮才有效。您实现了自己的向下钻取机制，因此需要手动处理向上钻取按钮。

我在restore函数中聚合了所有图表的默认恢复操作:

  function restore() {
    setChart(name, categories, data);
    drillupBtn.destroy();
  }

然后我在 point.events.click 中添加了按钮处理:

          click: function() {
            var drilldown = this.drilldown,
              chart = this.series.chart;
            if (drilldown) { // drill down
              setChart(drilldown.name, drilldown.categories, drilldown.data, drilldown.color);
              drillupBtn = chart.renderer.button("Drill up", 100, 100, function() {
                restore();
              }).add();
            } else { // restore
              restore();
            }
          }

现场演示: http://jsfiddle.net/kkulig/md416hec/

<小时/>

API引用: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#button