Skip to content

Rotate Axis labels #29

@dvago

Description

@dvago

First of all, thanks for this great library.

I was wondering if there is a way to set the rotation of the labels of the axis to avoid the labels to clash to each others.

I saw a solution using the interval property but that property removes some of the labels.

Please have a look at the example below to understand better what I'm trying to achieve.

Screenshot 2019-05-09 at 09 22 12

My first approach was to play with css on the SVG elements but apparently things like:

svg > g:nth-child(2) text {
    transform: rotate(-45deg);
    transform-origin: center bottom;
}

transform the whole group of labels rather than one by one

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions