我想要控制只使用導航器啓用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/ –