Tutorials & Demos – amCharts 5 Documentation

Skip to content

amCharts 5 Documentation

Back to amcharts.com Learn more about amCharts 5

Documentation

amCharts 5Current version
amCharts 4Legacy version
amCharts 3Legacy version
Editor 4Legacy version

Overview
Getting started
- Root element
- Integrations
  - React
  - Angular
  - Vue.js
  - Next.js
  - Jest
  - Nuxt 3
  - Ember.js
  - SvelteKit
  - Remix
  - Cypress (testing)
amCharts + AI
Charts
Concepts
- Settings
- 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
- Themes
  - Creating themes
- Events
- Locales
  - Creating translations
  - Right-to-left support
- Responsive
- Exporting
  - Images
  - Data
  - PDF
  - Printing
  - Menu
  - Annotator
  - Exporting API
- Accessibility
- Animations
- Serializing / JSON config
  - Chart Serializer
Tutorials
Reference
Migrating from amCharts 4
Changelog (docs)

V5
Tutorials & Demos
Funnel

Pie chart with a custom legend

Type demo

This demo shows how we can modify default appearance of a legend on a PieChart.

©2026 amCharts.com