Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Purchase

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.