javascript - Highchart 钻取问题

Question

我正在尝试使用自己的按钮进行钻取，但遇到困难。

JSfiddle with multi drilldown

$( "#backbtn" ).click(function(e) {          
    setChartC(name, categories, data, '', 1);          
    alert(chartC.xAxis[0]);
});

我有级别，如何访问drilldown.level？

exporting: {
         enabled: true,
         buttons: {
            customButton: {
                text: 'Go Back',
                onclick: function () {
                        var drilldown = chartC.drilldown;

                        alert(chartC.level);
                }
            }
        }

当我深入了解时，似乎无法访问该级别。有什么方法可以访问级别

Answer 1

您可以使用 native Highcharts 后退按钮。你可以看一个例子here (链接作者here)。

但是，如果您想添加自定义按钮，我认为 Highcharts 没有简单的方法。如果您发现我的错误，请指正。

因此，要添加自定义后退按钮，您需要跟踪当前显示的图表是什么。知道当前是什么，您可以查字典来查找它是哪个级别。要获取当前图表，您可以跟踪点击事件:

plotOptions: {
    column: {
        point: {
            events: {
                click: function () {
                    console.log("I'm at: " + this.drilldown.name)
                }
            }
        }
    }
}

关于自定义后退按钮，请看这个 JSFiddle .

添加此 HTML:

<input type="button" id="backbtn" value="Back">

还有这个 JS:

$("#backbtn").click(function(e) {   
    setChart(name, categories, data);
});

由于变量 name、categories 和 data 是使用顶级图表的值定义的，因此单击此按钮将恢复到顶层。

如果您创建一个包含所有图表及其名称/类别/数据信息的树对象，并且您知道当前图表，则可以设置图表及其父数据来实现自定义后退按钮。