Highcharts 手动调用重置缩放

Highcharts 手动调用重置缩放,highcharts,zooming,Highcharts,Zooming,我有一张允许放大/缩小的图表。 每次用户放大/缩小显示“重置缩放” 现在,我添加了一个新的自定义按钮,需要在其中显示X个最新的列数据。 我已经更改了类别和数据,但还需要重置缩放 这能做到吗?当用户尝试放大/缩小时,我仍然希望保持“重置缩放”。 PS:我试过这样做。zoomOut()但是“重置缩放”出现了:( 问候 查南帕维尔的呼叫建议 chart.xAxis[0].setExtremes(null,null); 工作正常,顺便说一句,如下所示: 但是,尽管图表缩小,但resetZoom按钮仍然

我有一张允许放大/缩小的图表。 每次用户放大/缩小显示“重置缩放”

现在,我添加了一个新的自定义按钮,需要在其中显示X个最新的列数据。 我已经更改了类别和数据,但还需要重置缩放

这能做到吗?当用户尝试放大/缩小时,我仍然希望保持“重置缩放”。 PS:我试过这样做。zoomOut()但是“重置缩放”出现了:(

问候
查南

帕维尔的呼叫建议

chart.xAxis[0].setExtremes(null,null);
工作正常,顺便说一句,如下所示:

但是,尽管图表缩小,但resetZoom按钮仍然挂起,不确定如何隐藏它。调用chart.resetZoomButton.hide()会隐藏它,但它会永久隐藏它。

如建议的那样


但请记住,调用
chart.zoom()
不会触发
chart.events.selection
event。如果手动或编程方式单击“重置按钮”(“.highcharts按钮”),则会触发该事件。单击();

如果要在外部按钮上重置缩放,请单击以下操作:

$("#YourOwnZoomBtnID").click(function(){ 

    $('.highcharts-button').click();
});
xAxis: { categories: xAxisCategories
                ,events: {
      afterSetExtremes: function() {
        $('.highcharts-button').hide();
      }
    }}
如果要隐藏highcharts的内置重置按钮,可以按如下操作:

$("#YourOwnZoomBtnID").click(function(){ 

    $('.highcharts-button').click();
});
xAxis: { categories: xAxisCategories
                ,events: {
      afterSetExtremes: function() {
        $('.highcharts-button').hide();
      }
    }}
JSFIDLE示例如下:

谢谢
Kalyan

我刚刚调用了按钮的点击事件,效果很好

给定:v_图是Highcharts的变量

if (typeof v_chart.resetZoomButton !== 'undefined') {
    v_chart.resetZoomButton.element.onclick();
}
  • 隐藏原始重置按钮
  • 注意这件事

  • 可以创建JSFIDLE吗?要重置缩放,还可以使用
    chart.x/yAxis[0].setextrems(null,null)
    由于公司政策,我无法使用JSFIDLE显示。但主要思想是:我有主/详细图表,在选择主图表时,它将更新详细图表。我还启用了详细图表的缩放。现在我想在详细图表上添加一个自定义按钮,该按钮将从主图表中删除plotBand,重置ca“详细图表中的三个选项并重置缩放-目前,我在删除“重置缩放”按钮并重置缩放时遇到问题:chart.x/yAxis[0]。setextrems(null,null)不起作用示例中使用了一些虚假数据。当我看不到您所做的事情时,我不确定如何帮助您。我认为这应该是可以实现的。您可以这样做。”“chart.zoomOut()”。它还将隐藏重置缩放按钮。请参见此处
     buttons: {
                        resetButton: {
                            symbol: 'url(redo_icon.svg)',
                            _titleKey: "resetZoom",
                            y: 20,
                            x: -20,
                            onclick: function () {
                                this.xAxis[0].setExtremes(null,null);
                                this.yAxis[0].setExtremes(null,null)
                            }
                        }
                    }