Position the zoom-out button to bottom-right

This is a demo tutorial. While there is no step-by-step commentary available (yet), the live demo below is fully functional. Feel free to open it for full source code.

This demo shows how we can use events to reposition XYChart's zoom-out button to the lower-right corner of the chart plot area.

Code

chart.plotContainer.onPrivate("height", function(height) {
  chart.zoomOutButton.set("dy", height - 60);
});

chart.plotContainer.onPrivate("height", function(height) {
  chart.zoomOutButton.set("dy", height - 60);
});

Demo

See the Pen
Reposition the zoom-out button to bottom-right by amCharts team (@amcharts)
on CodePen.0