Bar chart
Comparison. Sales by account as horizontal bars, largest first, long names wrapped to two lines, with a period switch that reorders them on one axis.
Bar chart with values
Open pipeline by account with each bar's value at its end, so the value axis and the grid are hidden.
Bar chart of the top five
The five largest of fifteen accounts, sorted and sliced from the rows, with a line under the chart that states the rest and their total.
Bar chart with drill-down
Choosing an account's bar, or the account in a select, lists its open opportunities in a table under the chart.
Installation
Bar chart is drawn with the Chart component. Add it, then copy the code from the Code tab above.
pnpm dlx shadcn@latest add @wisty/chart
The CLI installs the Radix or Base UI file to match your project.
Other chart types
- Column chartComparison
- Stacked bar chartComparison
- Stacked column chartComparison
- Dot plotComparison
- Line chartTrending
- Area chartTrending
- Combination chartTrending
- Donut chartComposition
- Scatter plotRelationship
- Funnel chartPipeline
- Waterfall chartPipeline