Chart Pie
Add and configure the Chart Pie component in a Docmino document.
When to use
Use Chart Pie to compare how each category contributes to a whole when the values form a meaningful total.
Props
Name⇅
Type⇅
Description⇅
id
string
A stable identifier used to reference the component.
label
string
The reader-facing label for the component.
dataId
string
The ID or label of the Data component providing the dataset.
visibleWhen
expression
A condition that controls when the component is visible.
Example
Chart.Pie
Product mix
product⇅
sales⇅
Product A
40
Product B
30
Product C
30
Select a Data component to power this chart
<Data
label="Product mix"
source={{
type: "data",
data: [
{ product: "Product A", sales: 40 },
{ product: "Product B", sales: 30 },
{ product: "Product C", sales: 30 },
],
}}
/>
<Chart.Pie dataId="Product mix" />