feat(line-chart): add custom min max values for Y axis domain - Githubissues

saas-js / saas-ui

The React component library for startups, built with Chakra UI.

https://saas-ui.dev

MIT License

1.36k stars 131 forks source link

feat(line-chart): add custom min max values for Y axis domain #241

Closed linus-amg closed 4 months ago

linus-amg commented 4 months ago

This PR introduces minValue and maxValue for line-charts, to allow focusing only on the values which are part of the supplied data.

when minValue is not set, the YAxis domain's default of 0 is used
when maxValue is not set, the YAxis domain's default of 'auto' is used
when minValue is set, the YAxis will start rendering at this value
when maxValue is set, the YAxis will stop rendering close to this value (if there is data with higher values it will still expand, so no worries)

Example of the default behaviour, recharts start the YAxis at 0

Example of the new behavior, when minValue is set to 20 and maxValue is set to 50

this will make smaller changes in values stand out more

changeset-bot[bot] commented 4 months ago

🦋 Changeset detected

Latest commit: 389648bf62ec3450d55df49e27807e6929b17193

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

| Name | Type | | --------------- | ----- | | @saas-ui/charts | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

vercel[bot] commented 4 months ago

@linus-amg is attempting to deploy a commit to the saas-js Team on Vercel.

A member of the Team first needs to authorize it.