Skip to content
amCharts 5
Search
Ctrl
K
Cancel
Select theme
Dark
Light
Auto
Menu
Overview
Getting started
Root element
Integrations
React
React Native
new
Angular
Vue.js
Next.js
Jest
Nuxt 3
Ember.js
SvelteKit
The am5-chart Element
new
Remix / React Router
Remix 3
new
Cypress (testing)
amCharts + AI
new
MCP Server
Charts
XY chart
Axes
Value axis
Date axis
Category axis
Gapless date axis
Duration axis
Axis ranges
Axis headers
Series
Line series
Column series
Step line series
Candlestick and OHLC series
Smoothed line series
Zoom and pan
Cursor
Scrollbars
Legend and XY series
Containers of an XY chart
Pie and sliced charts
Pie chart
Pie series
Funnel, pyramid, and pictorial charts
Funnel series
Pyramid series
Pictorial stacked series
Legend
Grouping slices
Radar chart
Radar axes
Radar series
Gauge charts
Map chart
Map polygon series
Map line series
Map point series
Clustered point series
Pixel map series
new
Map Sankey series
Night series
new
Map raster series
new
Graticule series
Panning and zooming
Drill-down navigation
Country data
Name translations
Map API
Hierarchy charts
Force-directed
Treemap
Partition
Tree
Sunburst
Pack
Voronoi Treemap
Node colors
Drill-down
Breadcrumb navigation
Legend
Bullets
new
Hierarchy API
Flow charts
Sankey diagram
Chord diagram
Arc Diagram
Flow chart bullets
Word cloud
Venn diagram
Stock chart
Panels
Stock legend
Indicators
Percent scale
Annotations
Serializing indicators & annotations
Translating
Stock toolbar
Comparison control
Indicator control
Drawing control
Date range selector
Period selector
Series type control
Interval control
Settings control
Reset control
Dropdown control
Dropdown list control
Data save control
Timeline chart
Gantt chart
Events and serialization
Customizing appearance
Concepts
Settings
Element states
List templates
Template fields
Adapters
Heat rules
Data
net.load utility
Legend
Heat legend
Colors, gradients, and patterns
Gradients
Patterns
Shadows
Filters
Common elements
Bullets
Labels
Graphics
Images
Buttons
Containers
Tooltips
Modal popups
Layers
HTML content
Formatters
Formatting numbers
Formatting dates
Formatting durations
Data placeholders
Text styling
Themes
Creating themes
Events
Locales
Creating translations
Right-to-left support
Responsive
Exporting
Images
SVG
new
Data
PDF
Printing
Menu
Annotator
Exporting API
Accessibility
Animations
Serializing / JSON config
Chart Serializer
JSON Editor
new
Tutorials
Reference
Classes
Interfaces
Standalone modules
Migrating from amCharts 4
Changelog (docs)
Select theme
Dark
Light
Auto
Range selector with draggable axis range
This demo shows how we can add draggable buttons to each edge of an
axis range
.
Open in CodePen
