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

ResultJSHTMLCSSJSON

Open in:New tabChart MakerCodePenjsFiddle

Run

Reposition the zoom-out button to bottom-rightreposition-the-zoom-out-button-to-bottom-right