Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

YAxis Label not apply transform for `angle` property

See original GitHub issue

I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

Run the example with recharts@1.8.5 and @2.0.0-beta.1

What is expected?

YAxis label appear rotated when angle property is set

What is actually happening?

angle property is ignored and label appear without transformation

Environment	Info
Recharts	v2.0.0-beta.1
React	react@16.12.0
System	Ubuntu 16.04
Browser	Chromium 78.0.3904.108

Issue Analytics

State:
Created 4 years ago
Reactions:21
Comments:8 (2 by maintainers)

Top GitHub Comments

10reactions

navarro-davidcommented, Jan 10, 2020

I found a workaround that does work in v2.0.0-beta.1

Pass in a Text component with the angle prop

<YAxis
padding={{ top: 12 }}
type='number'
domain={[0, "dataMax + 2"]}
yAxisId='hours'
orientation='left'
label={
   <Text
      x={0}
      y={0}
      dx={50}
      dy={150}
      offset={0}
      angle={-90}
   >Hours</Text>
} />

4reactions

hardikbeladiyacommented, Jan 16, 2020

@ilsanchez , @navarro-david PR for the same. https://github.com/recharts/recharts/pull/1991