Components
Bar Chart
SketchBarChart — a hand-drawn bar chart with axes.
SketchBarChart plots labelled values as rough.js bars with sketched axes. It's
fluid — it fills the width of its container, so wrap it to size it.
Default
import { SketchBarChart } from "blackchalk";<SketchBarChartdata={[ { label: "Q1", value: 32 }, { label: "Q2", value: 48 }, { label: "Q3", value: 41 }, { label: "Q4", value: 60 },]}height={180}/>Props
| Prop | Type | Default |
|---|---|---|
data | { label: string, value: number }[] | — |
height | number | — |
See it in the Storybook playground, or read the source.