Highchart drillup问题

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);
                }
            }
        }

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

Answer 1

您可以使用本机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是使用顶级图表的值定义的，因此单击此按钮将恢复到顶级。

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