Chart Bar
Add and configure the Chart Bar component in a Docmino document.
When to use
Use Chart Bar to compare values across discrete categories, especially when differences should be easy to scan.
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.Bar
Monthly revenue
month⇅
revenue⇅
Jan
5000
Feb
7000
Mar
6000
Select a Data component to power this chart
<Data
label="Monthly revenue"
source={{
type: "data",
data: [
{ month: "Jan", revenue: 5000 },
{ month: "Feb", revenue: 7000 },
{ month: "Mar", revenue: 6000 },
],
}}
/>
<Chart.Bar dataId="Monthly revenue" />