我正在尝试使用自己的按钮进行钻取,但遇到困难。
$( "#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);
}
}
}
当我深入了解时,似乎无法访问该级别。有什么方法可以访问级别
最佳答案
您可以使用 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
是使用顶级图表的值定义的,因此单击此按钮将恢复到顶层。
如果您创建一个包含所有图表及其名称/类别/数据信息的树对象,并且您知道当前图表,则可以设置图表及其父数据来实现自定义后退按钮。
关于javascript - Highchart 钻取问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35074055/