Category: Pie
- Activate/deactivate a pie slice on legend click instead of toggling
Normally, when you click an item in PieChart's legend, relative slice is hidden or revealed. This quick tutorial will show you how to make the slice activate/deactivate (pull out/in) instead.
Pie - Adding worksheets to Excel exportDemo
This demo will show how you can add additional worksheets to the data being exported to XLSX format.
Pie, Radar, XY - Automatically resize label to fit donut inner radiusDemo
The inner space of a donut chart is a place that can store some information. However, donut itself being sized relatively, might render that information not fitting. This demo shows how it's possible to resize the label inside donut to always fit the inner radius.
Pie - Chart Legend in an External Container
This tutorial will show you how you can easily move your chart legend outside main container into a totally separate one.
Pie, Radar, XY - Clickable links in tooltips
Tooltips are used in a number of places to provide contextual information on a hovered/tapped object, like a Slice of a Pie Chart, or a country on a map. By default, tooltips are completely static with no way to interact with them. This tutorial will explain how you can make them interactive, adding clickable links to them.
All charts, Maps, Pie, XY - Clustered Pie Charts
This short tutorial will show how we can leverage amCharts 4 containers and automated layouts to display multiple Pie charts in a single <div>.
Pie - Creating custom filters
amCharts 4 comes with a few basic rudimentary filters like "drop shadow", "desaturate", and a few others. However, you can do much much more with SVG filters. This tutorial will explain how you can create your own custom amCharts 4-compatible filter classes.
All charts, Pie, XY - Creating Pie Series Animations
By default (if you are using "animated" theme), Pie series will fade in when chart initializes. Let's explore how we can fancy-up those animations.
Pie - Curved Pie Chart Labels
Normally, labels for Pie chart's slices are horizontal, and either arranged in columns or attached to the slice itself. This tutorial will show how you can make labels curve along the outer edge of the slice.
Pie, Sunburst - Custom external legendDemo
This demo shows how we can use some custom code executed on chart load to build completely custom but interactive HTML-based legend for our chart.
Pie, XY - Dealing with PieChart labels that don't fit
We've all been there: creating a Pie chart with labels a tad too long to fit. This tutorial lists a few things you can do to work around it.
Pie - Disabling default hover and click effects on Pie Chart
When you hover over a slice on a Pie Chart it slightly grows. When you click it, it pulls out a bit out of place. This tutorial will show how you can disable this default behavior.
Pie - Disabling toggling of items in Legend
Normally a Legend will allow toggling of its items. This will also toggle related items, like chart's Series. This tutorial will show how to disable this default functionality.
Pie, Radar, XY - Display tooltip on PieChart slice clickDemo
Normally, tooltips on PieChart slices are shown when they are hovered by a cursor. This demo will show how we can disable this default behavior and only show tooltip when slice is tapped or clicked.
Pie - Donut with radial gradientDemo
Normally, Pie Chart supports radial gradients only. This demo shows a clever trick with events that modify linear gradient rotation, enabling use of this type of fill on slices.
Pie - Hiding Small Pie Slices
Pie chart sizes its slices proportionally, based on the relative values. Sometimes that means that we end up with a chart that has a bunch of small-value slices that are barely visible, but clutter up the chart.
Pie - Labels inside Pie chart slices
Normally, Pie chart positions its slice labels in neat columns to the left and right of the pie. As a space-saving tip, this tutorial shows how to arrange them inside slices.
Pie - Legend markers as checkboxesDemo
By default legend displays its markers as squares or mini versions of series. This demo shows how we can replace them with checkboxes.
Funnel, Pie, Radar, Sunburst, TimeLine, XY - Non-standard legend alignment
You can use position to place chart Legend on top, bottom, left, or right. In all those cases, Legend will center across the edge it is placed on. This tutorial will show some other alignment options.
Funnel, Pie, Radar, XY - One pulled slice per Pie chart
Normally, when you click/tap a slice on a Pie chart, it would pull out a little. You can have multiple slices pulled out that way. This tutorial will show how you can set up Pie chart in order to allow only one slice to be pulled at any given time.
Pie - Overriding series' tooltip fill color
Normally, a Tooltip that is displayed when you hover or touch a series' item - slice, column, etc. - is colored the same way as the related object. This quick tutorial will show you how to override that color.
Maps, Pie, Radar, Treemap, XY - Pie chart with patterned slice fillsDemo
This demo shows how you can use completely custom pattern fills on a PieChart.
Pie - Pie chart with pre-pulled slice(s)
If you would like your Pie chart to start off with one or more of its slices pulled out, there are a few ways to do so. This tutorial will show how.
Pie - PieChart with too many slices
If we are using Pie charts, once in a while we end up with one that has simply too many slices. This tutorial will look at some basic ways to make it less awkward.
Pie - Plugin: Slice Grouper
This tutorial will show how you can use SliceGrouper plugin (available since version 4.3.11) to automatically group small slices on Pie, Funnel, Pyramid, or Pictorial Stacked series into a single expandable "Other" slice.
Funnel, Pie, Plugins - Pre-hiding Pie Chart Slices
Sometimes you will have a Pie chart with a lot of slices. This tutorial will teach how to automatically pre-hide some of them using "data fields" and data.
Pie - Re-arranging elements of the chart legendDemo
This demo shows how we can use legend item label's parentset event to move it before the marker.
Pie, XY - Showing placeholder for empty Pie chartPie
- Slice rollover tooltip that follows mouseDemo
Normally a rollover tooltip would display in the center of a PieChart slice. This demo shows how you can make it follow the mouse pointer instead.
Pie - Sum label inside a donut chart
The defining characteristic of each donut, including donut charts, is its hole. It's a space that can be used for good. This tutorial will show how we can easily add some labels inside it to display complementing information, such as sum of values for all the slices.
Pie - Truncating legend labels
Sometimes chart legend can get out of control size-wise, especially if you have long labels. This tutorial will show how you can get it back in check by capping the length of its labels.
Pie, Radar, Sunburst, XY - Using "patterns" theme
amCharts 4 comes with a "patterns" theme (since version 4.7.5). It's a bit different from other themes as it modifies the output of some elements quite radically. This tutorial takes a closer look at what this theme does, and how it can be modified for various purposes.
All charts, Pie, XY - Variable-radius Pie Slices
This short tutorial will explain how you can create a Pie chart that uses data to vary radius of individual slices.
Pie