PieChart

Clickable legend

Legen works as a filter for PieChart. Click on label item to drill down into corresponding slice on the chart.

Various Themes

PieChart comes with some predefined and ready to use themes. Set them with one line of code. Also you can further modify chart settings as you wish.

Custom background image

It is possible to add an image as a background for a PieChart.

Gauge with live data

Using PieChart you can create a gauge chart by simply specifying some settings. The example also demonstrates how chart responds to live data.

Slice selection

Demonstration of various slice selections. It is possible to expand a slice or select one or more slices.

Test selection modes

Scrolling

Example to use custom info popup

Events tester

A demo with prepared event logging. Various events and data will be outputted in a special window.

Legend placement

Example where chart legend is palced on top of the cart. Note that legend can be positioned also on the right or left or bottom (default setting if legend is enabled).

Label style

Labels can be styled to match your project theme.

Label placement

Labels can be placed inside the slices or outside. Demo provides simple way to switch between various options.

Dashed slices and labels

Shows how to assign different dash areas.

Colour distribution

Shows different types of colour distributions

Pie Chart - pie, one level, raised theme

Pie chart - donut, bevel theme, hierarchical structure

Preloaded data

Preloaded data is the most simplies data preparation method.

Data url

Data url loads all drilldown levels in one go.

Incremental data-loading

Data can be incrementally loaded on demand - for example when expanding a slice.

Data function

Pie chart - flat theme, custom labels

Pie Chart - donut, 3d (raised) theme, hierarchical

Pie Chart - donut, one level

Example on raised theme and with just one level of data.

Pie chart - continental data + breadcrumb feature

Pie Chart - pie, one level, 3d theme, no labels, info popup

Partial slice swipe

Demo of how PieChart can be used to also input data - swipe each slice and see the results.

Categories

Categorise data based on different fields.

Pie chart with others grouping and drill-down

Pie chart with others grouping and drill-down

Pie chart with others grouping

Pie chart with others grouping

Pie chart with drill down

Pie chart with drill down

Donut chart with grouping and drill-down

Donut chart with grouping and drill-down

Donut chart with drill-down

Donut chart with drill-down

Pie chart with grouping, drill-down and legend

Pie chart with grouping, drill-down and legend

Donut chart with background image, grouping and drill-down

Donut chart with background image, grouping and drill-down

Multiple level pie chart with others grouping

Multiple level pie chart with others grouping

Multiple level donut chart with others grouping

Multiple level donut chart with others grouping

Single level gauge chart

Single level gauge chart

Multiple level gauge chart

Multiple level gauge chart

Gauge chart filled centre

Gauge chart filled centre