chartjs / chartjs/Chart.js

When horitzontal ticks are rotated 90 degrees, the tick labels do not align with the ticks.

Open
#10,485 3 comments 0 reactions 0 assignees View on GitHub
type: bug
Dominant language
JavaScript
Stars
67.7k
Forks
11.9k
Avg merge
7h 39m
Merged PRs (30d)
5

Description

### Expected behavior

The tick label should align with the ticks. (this did in v2).

### Current behavior

See the attached screenshot.
Screen Shot 2022-07-18 at 12 28 40 PM

I tried various combinatinos of align and crossAlign, it just doesn't move the vertical alignment of the label to the axis.

### Reproducible sample

https://codepen.io/xinghengwang/pen/poLebPw

### Optional extra steps/info to reproduce

_No response_

### Possible solution

_No response_

### Context

_No response_

### chart.js version

v3.8.0

### Browser name and version

chrome

### Link to your project

_No response_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.