Pie & Donut Chart

Integrate pie charts into your web applications using the Wijmo Pie Chart widget (wijpiechart). The pie chart draws each series as a slice of data and includes rich customization and animation.

[highlight]
HTML5 pie & donut charts

HTML5 charts

What makes these charts superior is that they’re powered by Scalable Vector Graphics (SVG). SVG is a perfect for creating rich and interactive visualizations in HTML5. Some benefits of charting with SVG include true client-side charting, DOM-friendly charts, hardware accelerated graphics, interactive animations and tooltips, and streaming visualizations. Plus, the charts require no additional plug-ins.
[/highlight]

[highlight]
Donut charts

Donut charts

Render the Wijmo Pie Chart as a donut chart by setting the InnerRadius property.
[/highlight]

[highlight]

Live data

All Wijmo charts are optimized for streaming live data. The charts will animate as the data changes and show transitions to visualize the data in the data set.
[/highlight]

[highlight]
Pie & donut chart tooltips

Tooltips

Associate tooltips and links with chart elements, so the chart responds to mouse events. This is done using an HTML image map, which is handled on the client.
[/highlight]

[highlight]
Pie chart rich appearance

Appearance

Wijmo Pie Chart’s rich set of properties allow you to change the look and feel of your chart. Modify its appearance with different colors for series and for items in a series, and shadows for the chart elements. For a better UX, the position, size, and color are also adjustable.
[/highlight]

[highlight]

Animation

Add special effects to your Wijmo Pie Chart. Enable transition settings, where on page load the chart may transition as a bounce, elastic, and so on.
[/highlight]