[Solved] Programmatically reset the zoom?

[Fingelrest]

Hi all,

To plot different things, I re-use the same Highcharts object instead of re-creating one very time. Right now I'm able to do everything except resetting the zoom: If the user has zoomed on a part of the chart, when I'm replacing the series by another one, the zoom stays the same instead of being reseted.

If there a way to do that?

[Fusher]

You can reset zoom by chart.xAxis[0].setExtremes()

[Fingelrest]

Cool thanks! Now the only thing is that the 'Reset zoom' label is still displayed even though it's no longer needed. Is there a way I can remove it as well?

[Fusher]

By the way, chart.series.setData() doesn't reset the zoom?

[Fingelrest]

Just tried setData(), and it doesn't seem so. Currently I'm removing the existing series before adding a new one.

[Fusher]

You can do this way:

Code: Select all

jQuery("#container svg text:last").remove() //or hide()

but I haven't tested if there are no issues.

[Fingelrest]

You can do this way:

Code: Select all

jQuery("#container svg text:last").remove() //or hide()

but I haven't tested if there are no issues.

I indeed have issues with the tooltip when using this, it looks like just an empty small circle with nothing inside. Too bad, I guess I'll have to live with the reset zoom link.

[scu]

I did a workaround by editing the highcharts.src.js:

Search for "// Expose methods and variables" and add "chart.zoomOut = zoomOut;"
Now you can trigger the reset with executing "yourChart.zoomOut();"

[Fingelrest]

Cool, thanks a lot! Exactly what I needed.