QingWei-Li / laue

🖖📈 Modern charts for Vue 2.0
https://laue.js.org
MIT License
262 stars 34 forks source link

Rotate Axis labels #29

Open dvago opened 5 years ago

dvago commented 5 years ago

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

Mayank-jain34 commented 4 years ago

+1 for this