ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

BarChart

CSS-based bar chart with configurable data, labels, and colors. Data provided as comma-separated percentages.

Default Chart

Basic bar chart with default data and gold color scheme.

30
60
45
80
55

Weekly Performance

Bar chart with custom labels showing weekday performance metrics.

85
60
45
70
90
MonTueWedThuFri

Quarterly Revenue

Green bar chart showing quarterly business performance.

40
65
80
55
Q1Q2Q3Q4

Compact Height

Shorter bar chart with reduced height for dashboard widgets.

90
70
50
30
60
80

Server Load

Red-themed chart for monitoring server utilization across regions.

75
92
45
68
83
USEUAsiaSAAF

Team Output

Amber chart for team productivity comparison by department.

65
80
55
90
70
45
EngDesignQAPMSalesOps

Usage

<BarChart /><BarChart data="85,60,45,70,90" labels="Mon,Tue,Wed,Thu,Fri" color="#c9952c" /><BarChart data="40,65,80,55" labels="Q1,Q2,Q3,Q4" color="#28a745" height="150" />

Props

PropTypeDefaultDescription
datatext"30,60,45,80,55"Comma-separated values (0-100)
labelstext""Comma-separated bar labels
colortext"#c9952c"Bar color
heighttext"200"Chart height in pixels