Position the zoom-out button to bottom-right

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.

Posted in Uncategorized