Storybook
Search for components
/
Chart Types
Bar Chart
Basic
No Series
One Series
Line Graph
Line And Scatter
Scatter Graph
Canvas
Docs
Controls (18)
Actions
Name
Control
title
Yearly Profits
xAxis
{"ticks":[{"label":"Q1","value":1},{"label":"Q2","value":2},{"label":"Q3","value":3},{"label":"Q4","value":4}]}
yAxis
{"ticks":[1,2,3,4,5,6,7,8,9,10],"label":"Profit (£, millions)"}
xRange
[0,4]
yRange
[0,10]
series
*
[{"label":"Facebook","series":[[1,3],[2,4],[3,2],[4,9]]},{"label":"Apple","series":[[1,4],[2,0],[3,2],[4,1]]},{"label":"Amazon","series":[[1,1],[2,2],[3,3],[4,4]]},{"label":"Google","series":[[1,4],[2,6],[3,8],[4,7]]}]
barOverrides
barPadding
seriesPadding
xScale
linear
logarithmic
banded
yScale
linear
logarithmic
banded
showXCrosshair
True
False
showYCrosshair
True
False
svgProps
margin
defs
viewBox
bars
*