Skip to content
amCharts 4
Search
Ctrl
K
Cancel
Select theme
Dark
Light
Auto
Menu
Overview
Getting Started
Basics
Using TypeScript or ES6
Using JavaScript
Migrating from V3
Integrations
Using React
Using Angular
Using Webpack
Using RequireJS
Using Ember
Using Vue.js
Using Cordova / PhoneGap
Browser compatibility
Chart Types
Pie Chart
XY Chart
Map
Map Lines
Radar Chart
Treemap Chart
Sankey Diagram
Gauge Chart
Chord Diagram
Sliced (Funnel, Pyramid, Pictorial)
Sunburst Diagram
WordCloud
Force Directed Tree
TimeLine/Curve Chart
Venn Diagram
General Concepts
Series
Axes
Value Axis
Category Axis
Date Axis
Duration Axis
Positioning Axis Elements
Axis Tooltips
Axis Ranges
Legend
Heat Legend
Chart Cursor
Tooltips
new
Formatters
Formatting Strings
Formatting Numbers
Formatting Date & Time
Formatting Duration
Data
External Data
Touch interface
Performance
Colors, Gradients, Patterns
Themes
Event Listeners
Adapters
List Templates
Bullets
Locales
States
Animations
Exporting Charts
Responsive Features
RTL Support
Plugins
JSON-based Config
Universal SVG Engine
Non-Chart Usage
Working with Containers
Accessibility
new
Popups and Modals
Tutorials & Demos
Universal tips
XY chart
Pie chart
Map chart
Radar chart
Sankey diagram
Treemap
Gauge chart
Force Directed Tree
Integrations
Plugins
TimeLine
Reference
Classes
Interfaces
Standalone Modules
Enumerations
Types
Select theme
Dark
Light
Auto
Custom zoom in/out buttons
This demo shows how we can use chart’s API to zoom it using external controls.
Open in CodePen