我想要控制只使用导航器启用x轴缩放的高架图上的缩放按钮的可见性。高点重置缩放按钮
默认情况下,该组合显示核心代码禁用缩放按钮。但是有一些功能可以让你显示按钮,但我找不到一个隐藏它。
function createChart() {
$('#container').highcharts('StockChart', {
chart: {
zoomType: "x",
panning: true,
panKey: "shift"
},
rangeSelector: {
selected: 4
},
xAxis: {
events: {
setExtremes: xAxisExtremes
},
},
yAxis: {
labels: {
formatter: function() {
return (this.value > 0 ? ' + ' : '') + this.value + '%';
}
},
plotLines: [{
value: 0,
width: 2,
color: 'silver'
}]
},
series: seriesOptions
});
}
function xAxisExtremes(e) {
var chart = $('#container').highcharts();
if (e.trigger === "zoom") {
if (e.min && e.max) {
chart.showResetZoom();
} else {
alert("Reset Zoom");
// chart.hideResetZoom(); ????
}
}
}
看到这个小提琴的例子与我一起工作。 https://jsfiddle.net/sooftcL7/3/
点击进入xAxis setExtremes事件允许我使用触发器标识符来检测出现的缩放事件。我可以使用chart.showResetZoom();
我都试过
chart.resetZoomButton.destroy()
chart.resetZoomButton.hide()
其他地方的建议,但他们都没有定义的功能。
任何帮助,将不胜感激。
干杯,
D.
您可以更改标准Highstock Axis.prototype.zoom函数,以添加显示和隐藏缩放按钮的功能。在这里你可以找到一个例子它如何工作:https://jsfiddle.net/sooftcL7/4/ –