MeldUI

Donut Chart

A pie chart with a hollow center, ideal for displaying a summary metric.

Usage

Config Reference

PropertyTypeDefaultDescription
series{ name: string; data: number[] }[]requiredEach series represents a slice; use a single-element data array
legend{ show?: boolean; position?: string }{ show: true }Legend visibility and placement
innerRadiusstring | number'55%'Inner radius that creates the donut hole
centerLabel{ show?: boolean; text?: string; subText?: string }-Content displayed in the center of the donut