The Bump chart can be used to show the ranking of several series over time. It is quite similar to line charts, but instead of graphing some measure on the y-axis, it only shows the ranking of each serie at a given time.
If you'd like to show the ranking and also graph the y-axis values, you can also you use the AreaBump component.
The responsive alternative of this component is
X outer padding.
Y outer padding.
Define style for common elements such as labels, axes…
Defines color range.
Line width for active series.
Line width for inactive series.
Opacity for active series.
Opacity for inactive series.
Method to compute start label text color.
Method to compute end label text color.
Point size for active series.
Point size for inactive series.
Method to compute point fill color.
Point border width.
Point border width for active series.
Point border width for inactive series.
Method to compute point border color.
Enable/disable x grid.
Enable/disable y grid.
Top axis configuration.
Right axis configuration.
Bottom axis configuration.
Left axis configuration.
Custom tooltip component.
Motion config for react-spring, either a preset or a custom configuration.