Tag: 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.
- 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.
- 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>.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- Pie chart with patterned slice fillsDemo
This demo shows how you can use completely custom pattern fills on a PieChart.
- 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.
- 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.
- 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.
- 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.
- Showing placeholder for empty Pie chart
- 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.
- 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.
- 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.