@vx/boxplot
A boxplot shows the minimum, maximum, and quartiles of a dataset.
You can pass in props to target the min
, max
, median
, and box (interquartile range)
shapes using minProps
, maxProps
, medianProps
, and boxProps
.
If you are looking to add events over the each boxplot group you can pass in container={true}
and containerProps={{ /** */ }}
.
Installation
npm install --save @vx/boxplot
Components
API
<BoxPlot />
# BoxPlot.boxProps<object>
Default | {} |
# BoxPlot.boxWidth<number>
# BoxPlot.children<func>
# BoxPlot.className<string>
# BoxPlot.container<bool>
Default | false |
# BoxPlot.containerProps<object>
Default | {} |
# BoxPlot.fill<string>
# BoxPlot.fillOpacity<union(number|string)>
# BoxPlot.firstQuartile<number>
# BoxPlot.horizontal<bool>
# BoxPlot.left<number>
Default | 0 |
# BoxPlot.max<number>
# BoxPlot.maxProps<object>
Default | {} |
# BoxPlot.median<number>
# BoxPlot.medianProps<object>
Default | {} |
# BoxPlot.min<number>
# BoxPlot.minProps<object>
Default | {} |
# BoxPlot.outlierProps<object>
Default | {} |
# BoxPlot.outliers<array>
Default | [] |
# BoxPlot.rx<number>
Default | 2 |
# BoxPlot.ry<number>
Default | 2 |
# BoxPlot.stroke<string>
# BoxPlot.strokeWidth<union(number|string)>
# BoxPlot.thirdQuartile<number>
# BoxPlot.top<number>
Default | 0 |
# BoxPlot.valueScale<func>