Skip to content

yAxisPosition for line chart#745

Open
Faiyyaz wants to merge 330 commits into
chart-kit:masterfrom
Faiyyaz:master
Open

yAxisPosition for line chart#745
Faiyyaz wants to merge 330 commits into
chart-kit:masterfrom
Faiyyaz:master

Conversation

@Faiyyaz

@Faiyyaz Faiyyaz commented May 29, 2025

Copy link
Copy Markdown

Hi @olegberman I have added an optional prop called yAxisPosition which can take a string value of either left or right. The purpose of this is suppose we want to stack 2 line chart and still want to keep the y axis for both the chart then we need a config to put the yAxisPosition as right for one of the chart.

Please refer sample screenshot

Screenshot_1748519678

k-yokoishi and others added 30 commits April 13, 2019 11:01
When the data is negative value in BarChart,
the corresponding bar is rendered to downward from 0.
* Draw BarChart and LineChart from 0

* Add prop `fromZero`

Add prop `fromZero` to BarChart and LineChart to
render the charts from 0 not from the minimum value.
* update app.json to have sdkVersion

if sdkVersion is not present, expo will use the latest version installed on the computer vs the one from package.json

* update line-chart.js to fix onPress handler logic

* change larger click circle to not rely on the fill to have opacity
* remove Circles from View that were making them not show up in iOS
* Hide Horizontal and Vertical Labels

* improve docs
* Add labels to progress chart

* Refactoring to make this a non-breaking change
…hart-kit#141)

* fix: update paths-js library version to fix pie chart with empty values

* fix: fix NaN labels on pie charts with empty values
Please look into this and approve as I was not able to proceed or I will have to change the plugin thanks
* added background opacity props

* updated README: added new opacity options 'backgroundGradientFromOpacity' and 'backgroundGradientToOpacity'.
imjamescrain and others added 25 commits December 23, 2020 12:49
Co-authored-by: Herman Starikov <Hermanstarikov@gmail.com>
Co-authored-by: Herman Starikov <Hermanstarikov@gmail.com>
Co-authored-by: Robert <robertogarciadevelopment@gmail.com>
…ment for options” (chart-kit#523)

To fix React Native Error: “Animated.event now requires a second argument for options”
…chart-kit#515)

* Rework X axis labeling to allow dissimilar dataset lengths

* Add prepare script for GitHub sourced library usage (builds on install)
* feat(line-chart): add fillShadowGradient To and From

* feat(line-chart): set fillShadowGradientToOpacity

* feat(line-chart): maintain backwards compatibility

* feat(readme): update chart style object docs

* feat(abstract): update option comments

* feat(abstract): add offset options

* feat(readme): update documentation

* feat(readme): update documentation

* feat(package): specify dependency resolutions

* feat(abstract-chart): fix backwards compatibility

Co-authored-by: Ezra Burga <ezra.burga@deepwatch.com>
yAxisPosition for label position
@ghost

ghost commented Apr 27, 2026

Copy link
Copy Markdown

Maintainer triage note: the use case is reasonable, but I would not merge this implementation as-is.

The API is split between LineChart props and AbstractChartConfig, and the right-side label positioning is hard-coded with width - (yLabelsOffset - 10). That does not adjust padding, anchoring, clipping, or examples/tests, so it is likely to overlap chart content or behave differently across chart sizes.

Recommendation: worth revisiting as a focused feature PR with a cleaner API, visual examples, and current master rebased in. If that refresh is not planned, I would close this rather than leave it open indefinitely.

@ghost ghost force-pushed the master branch 3 times, most recently from bc0b8af to 096eeb0 Compare June 19, 2026 04:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.