Tag: zooming
- Adding "Home" Button to Map Chart
Map Chart can be zoomed and panned. There is, however, no built-in "go home" button. This tutorial will show how to add one which resets map's zoom and position to initial state.
- Configuring the zoom out button
When XYChart is zoomed in, a small round button appears in the corner to indicate that only partial data is show, and to provide means to zoom back out. This tutorial will show how you can configure, or outright disable this control.
- Custom zoom in/out buttonsDemo
This demo shows how we can use chart's API to zoom it using external controls.
- Disabling zoom and pan on a Map Chart
Normally, you can pan and zoom the Map Chart wit mouse and touch. This tutorial will explain how you can disable one or both of these actions.
- Handling axis zoom events via API
Any axis in amCharts 4 can be zoomed. And sometimes we need to know when that happens, as well as the range of the new zoom. This tutorial will walk through all the necessary information to make that happen.
- Pre-zooming an axis
This tutorial will explain how you can set up your charts to initialize pre-zoomed.
- Pre-zooming Map to a Country
You can pre-zoom the map to certain coordinates and level. If you don't want to do that, you can make the chart pre-zoom to a particular country. This tutorial will explain how.
- Pre-zooming Map to a list of countries
In this tutorial we explained how you can pre-zoom your map to a specific country. This tutorial builds on it to produce an example that pre-zooms the map to several countries.
- Resetting Map Position/Zoom
All Map Charts, unless disabled, can be panned and zoomed. This tutorial will explain how to reset map's position and zoom to its original state via custom button or API.
- Setting initial zoom and position of a Map chart
The Map will always start off fully zoomed out and centered. However, in some cases, you might want to start the map pre-zoomed to some place. This tutorial aims to explain how to do just that.
- Setting minimal width of Scrollbar thumb
This tutorial will explain how you can set minimal width/height of the chart Scrollbar's "thumb" - draggable middle section.
- Using custom map zoom settings for individual countries
Our Map Chart allows zooming directly to a specific polygon (country). However, for some countries, automatically-calculated zoom settings might not cut it. This tutorial will explain how you can use Polygon series data to override default zoom settings with custom ones.
- Zoom to month by clicking on a DateAxis labelDemo
This demo shows how we can implement hit event on DateAxis labels to automatically zoom to the clicked period.
- Zooming axis via API / external scrollbar
The XYChart can be zoomed using built-in scrollbar controls or with a chart cursor. This tutorial will show how you can zoom the chart programatically using its API.
- Zooming to map area on click
This tutorial will show how you can set up your map to automatically zoom to an area (i.e. country) when user clicks on or taps it.