Customize Bump yScale

[danilofuchs]

Is your feature request related to a problem? Please describe. I'm building a chart of rankings over time. This is an annual ranking spanning 7 years. Each year, 20 competitors are chosen by an organisation. In total, 67 distinct people have won a place in any ranking.

The way I modelled the data was the following: Each person is assigned a serie. If in a specific year this person is not featured in the rankings, I assign null to the data point on that year. Otherwise, we position them accordingly.

When plugging this data into Bump, it creates a chart with a y axis from 1 to 67, even though only 1 to 20 is populated with information.

Describe the solution you'd like I would like to be able to modify yScale to limit axis to go from 1 to 20

Describe alternatives you've considered

• I could limit myself into using only 20 series and mixing data from multiple people, but that would severely hinder dynamic interaction and tooltips.
• I could build Bump myself based on this code: https://github.com/plouc/nivo/blob/master/packages/bump/src/bump/Bump.js, but that would be a large undertake

Additional context

[danilofuchs]

@wyze I currently have a deadline on finishing this project, and am able to contribute with Nivo on this issue. I just need some guidance.

What other charts/PRs have similar features?

[wyze]

Seems like we might be able to do xScale/yScale like we do for line charts.

[stale[bot]]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[stale[bot]]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!