chartjs / chartjs/Chart.js

FEATURE: Shift/Stagger labels horizontally (for x axis) instead of rotating

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

Description

## Expected Behavior
Instead of rotating the labels while resizing the chart I would like to have the possibility that the labels to stagger (if that is the right term), like shown in this image:

![zed8n](https://user-images.githubusercontent.com/990724/38727485-6d020d84-3f0d-11e8-86a0-6c8392da2ce2.png)

This could/should work with `autoSkip: false` as well as `autoSkip: true`.

## Current Behavior
I disabled the rotation behaviour with `maxRotation: 0` and set `autoSkip: false`. The labels are not readable anymore:

![screenshot_13](https://user-images.githubusercontent.com/990724/38727635-e3a1dc4e-3f0d-11e8-81eb-1503d16a64cc.png)

## Steps to Reproduce (for bugs)
CodePen: https://codepen.io/JohnArcher/pen/wmeEMV

## Environment
* Chart.js version: 2.7.2
* Browser name and version: latest non-dev Chrome

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.