wolfram77
wolfram77

Reputation: 3221

Display long labels in x-axis using Chartist

I am using Chartist and svgdom in Node.js to generate a line chart. But the label names are too long and they run over each other.

This is how it looks like: enter image description here

I saw #375 issue in Chartist and they tried to tilt the labels using CSS, but i think rotating the X-Y axes is a better idea, if possible.

What can i do here?

Upvotes: 0

Views: 1195

Answers (1)

Spencer Goodrich
Spencer Goodrich

Reputation: 101

I'm not sure about flipping it, but as another option, you could make the graph a larger fixed width. Then make it's parent container smaller(screenwidth) and make the entire chart scroll-able horizontally.

Upvotes: 1

Related Questions