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

TypeScript

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

JavaScript

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

Demo

Open in CodePen