Pie & Donut

Introduction

amCharts - JavaScript Charts & Maps Programming library for all your data visualization needs..

Variable-radius nested donut chart

Animated Time-Line

Animated Time-Line Pie Chart.

Donut with radial gradient

amCharts 4 can either use full-fledged gradients or “gradient modifiers” as a fill for just about anything.

A gradient modifier is an easy way to automatically create gradients out of the plain fill colors, for an instant stunning looks of the charts.

Pie Chart With Legend

Legend in charts is completely automated. You just add it and the chart takes care of the rest, including generating items for each slice, as well as functionality to toggle/hover slices.

The legend can also be placed anywhere on the chart, or even outside it.

3D Donut Chart

A 3D pie chart is like regular pie chart. They’re identical in configuration, except that the former uses PieChart3D class to instantiate the chart, and PieSeries3D for its series.

3D Pie Chart

A 3D pie chart is like regular pie chart. They’re identical in configuration, except that the former uses PieChart3D class to instantiate the chart, and PieSeries3D for its series.

Pie chart with broken down slices

Data on the chart can be updated dynamically. This particular chart uses slice click events to dynamically replace chart’s data.

Variable Radius Pie Chart

Each slice in pie series can have individual radius value, coming directly from data.

Pie of a Pie

Two pie charts, one showing the drill-down data of a selected slice. Click on a slice of a big pie to explode/expand the slice. This chart type is sometimes called exploding pie chart.

Variable-height 3D Pie Chart

You can specify which field in data holds depth of the slice, and the chart will automatically draw slices with individual height.