Javascript highcharts重置缩放按钮

我正在尝试仅在启用导航器的情况下使用x轴缩放来控制highstock图表上缩放按钮的可见性

默认情况下，此组合显示核心代码禁用缩放按钮。然而，有一些功能允许您显示按钮，但我找不到一个隐藏它

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

请看这把小提琴，了解我正在使用的示例。

点击xAxis setExtremes事件允许我使用触发器标识符检测正在发生的缩放事件。我可以使用chart.showResetZoom（）打开按钮

我两个都试过了

chart.resetZoomButton.destroy()
chart.resetZoomButton.hide()

但是，正如其他地方所建议的，它们不是定义的函数

任何帮助都将不胜感激

干杯

---

D.

您必须禁用navigator以删除底部栏，禁用rangeSelector以删除缩放按钮

$('#container').highcharts('StockChart', {
    ...
    rangeSelector : {
        enabled: false
    },
    navigator: {
        enabled: false
    }
    ...
});

检查这个

---

您必须禁用navigator才能删除底部栏，禁用rangeSelector才能删除缩放按钮

$('#container').highcharts('StockChart', {
    ...
    rangeSelector : {
        enabled: false
    },
    navigator: {
        enabled: false
    }
    ...
});

检查这个

---

resetZoomButton.destroy（）

函数只能在

resetZoomButton

为对象时调用。根据Highsotck的消息来源：

对于股票图表（…），导航器和范围选择器已经允许X轴缩放

   if (zoomType === 'x') {
       chart.resetZoomButton = 'blocked'; // replaced with string
   }

因此，要解决这个问题，您只需执行以下操作：

    chart: {
        zoomType:   'xz' // whatever string containg x
    }

---

这意味着缩放类型仍为“x”，但您忽略了这个丑陋的if语句，该语句用一些随机字符串替换resetZoomButton对象…

resetZoomButton.destroy（）

函数只能在

resetZoomButton

是对象时调用。根据Highsotck的消息来源：

对于股票图表（…），导航器和范围选择器已经允许X轴缩放

   if (zoomType === 'x') {
       chart.resetZoomButton = 'blocked'; // replaced with string
   }

因此，要解决这个问题，您只需执行以下操作：

    chart: {
        zoomType:   'xz' // whatever string containg x
    }

---

这意味着缩放类型仍为“x”，但您忽略了这个丑陋的if语句，它用一些随机字符串替换resetZoomButton对象…

谢谢zoro，我知道禁用导航器将启用缩放按钮默认值。但是，我特别需要导航器。我试图发现的是，是否有一种方法可以像显示缩放按钮那样隐藏缩放按钮。干杯，D。谢谢zoro，我知道禁用导航器将启用默认的缩放按钮。但是，我特别需要导航器。我试图发现的是，是否有一种方法可以像显示缩放按钮那样隐藏缩放按钮。干杯，D。您可以更改标准Highstock Axis.prototype.zoom功能，以添加显示和隐藏缩放按钮的功能。在这里，您可以找到它的工作原理示例：您可以更改标准Highstock Axis.prototype.zoom函数，以添加显示和隐藏缩放按钮的功能。在这里，您可以找到一个如何工作的示例：