Skip to content

Ticks with crossAlign: "far" on Y axes are drawn on top of axis Title #12095

@shanovskyi-b

Description

@shanovskyi-b

Expected behavior

crossAlign: "far" for ticks should not move ticks over axis title

Current behavior

Ticks with crossAlign: "far" on Y axes are drawn on top of axis Title

Reproducible sample

https://codepen.io/shanovskyi-b/pen/XJboMxB

Optional extra steps/info to reproduce

No response

Possible solution

No response

Context

I'm trying to align right Y axis tick label by right side, the only solution I found was crossAlign: 'far' which works, but ticks are getting drawn on top of the axis title.

I've tried to change padding for ticks/title to "split" them, but it doesn't help - these paddding seems to sum up and affect both ticks and title

chart.js version

v4.5.0

Browser name and version

No response

Link to your project

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions