The AreaBump chart is similar to theBump chart,but instead of only showing the ranking over time, it also showsthe values on the y-axis.
If you're only interested in ranking, you can also you usetheBump component.
The responsive alternative of this component isResponsiveAreaBump.
Chart data.
Chart width.
Chart height.
Chart margin.
'middle'Chart alignment.
'smooth'Area interpolation.
0Spacing.
0.6X padding.
Define style for common elements such as labels, axes…
Define chart's colors.
0.8Area fill opacity.
1Area fill opacity for active series.
0.15Area fill opacity for inactive series.
1Area border width.
1Area border width for active series.
0Area border width for inactive series.
Method to compute area border color.
1Area border opacity.
1Area border opacity for active series.
0Area border opacity for inactive series.
Define patterns and gradients.
Define rules to apply patterns and gradients
falseStart label, use a boolean to enable/disable, or a function to customize its text.
12Define area start label padding.
Method to compute start label text color.
trueEnd label, use a boolean to enable/disable, or a function to customize its text.
12Define area end label padding.
Method to compute end label text color.
trueEnable/disable x grid.
Top axis configuration.
Bottom axis configuration.
trueEnable/disable interactivity.
Default active serie ids.
onMouseEnter handler.
onMouseMove handler.
onMouseLeave handler.
onClick handler.
Custom tooltip component.
trueEnable/disable transitions.
'gentle'Motion config for react-spring, either a preset or a custom configuration.