CODEWITHSUNDEEP
javascriptgoogle-visualization
Mana Void
Mana Void

Reputation: 387

How do I increase the row height of Google Timelines Chart?

enter image description here

I've been working with Google Timeline Charts for a project. As you can see the full text of the event is not displayed. How do I increase the height of rows so that it displays the full text instead?

Upvotes: 3

Views: 2506

Answers (2)

Skytunnel
Skytunnel

Reputation: 1083

Was looking for the same thing. Found a workaround... Changing the bar label's font size can be used to change the height of the bar itself. It's crude, but it works!

timeline: {
    barLabelStyle: {
        fontSize: 50
    }
}

Credit goes to https://groups.google.com/forum/m/#!topic/google-visualization-api/IKm5IlMx9es

Upvotes: 3

Shogg
Shogg

Reputation: 841

You can zoom your chart by setting greater value of width

var options = {
    width : 2000,
    ...
};

About CSS (comments). After chart.draw() there is SVG object contains chart. You can select elements like svg > g:nth-child(5) > rect and change properties.

Upvotes: 0

Related Questions