Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Visual Builder
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Pie micro chart

Pie micro chart displays a compact proportional breakdown. Use it inside KPI cards, table cells, summaries, dense admin panels, reports, or as a simple dashboard chart when a small pie chart is enough.

Use full ECharts charts for complex analytics, detailed legends, drilldown, zooming, or advanced chart interactions.

The NgStarter Angular Pie Chart component lets you show compact proportional breakdowns inside cards, reports, dashboards, and KPI summaries. It supports legends, slice values, tooltips, colors, and responsive micro chart layouts.

Basic pie micro chart

Use a basic pie micro chart for a compact proportional breakdown inside a card, row, summary, or simple dashboard chart.

Pie micro chart with legend

Use a legend when the small pie chart has enough room and labels must stay visible.

Pie micro chart with value on slices

Use values on slices only when the chart is large enough for the numbers to remain readable.

Pie micro chart with tooltip

Use a tooltip when users need the exact label, color, or value on hover.