Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Horizontal Bar Chart #157

Open
MobileMon opened this issue Oct 26, 2023 · 3 comments
Open

Horizontal Bar Chart #157

MobileMon opened this issue Oct 26, 2023 · 3 comments
Labels
enhancement New feature or request

Comments

@MobileMon
Copy link

How can I turn the bar chart horizontal?

@lukebars
Copy link

lukebars commented Dec 1, 2023

Right now the fastest bet is: transform: rotate(90deg); or contributing 😄

@zibs zibs added the enhancement New feature or request label Jan 23, 2024
@YTRodi
Copy link

YTRodi commented Mar 14, 2024

Hi @lukebars,
where would you add transform: rotate(90deg);?

@masiddee masiddee self-assigned this Mar 18, 2024
@masiddee
Copy link
Contributor

@YTRodi you can add this property to the containing View component's style object, like so:

<View style={{ transform: [{ rotate: "90deg" }] }}>
  <CartesianChart>
    ...
  </CartesianChart>
</View>

Though, be mindful this will also rotate the entire chart (including your labels and axis as well).

@masiddee masiddee removed their assignment Mar 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

5 participants