Hey , i am new to google visualization api and i have been working to solve
these issues for hours.
i have div which has 500 px height and i want my timeline chart to resize
itself and fit into div without scroll bars.
The problem is that chart vertical scroll bar appears. For example when
there are like 20 rows input, Vertical scroll bar appears, but when there
are 2-3 rows input bottom side of chart goes up.
other problem is that i can not change the xAxis font type to Roboto. i
have tried xAxis option but however it doesnt work with timeline chart.
chart.draw(data,
{
chartArea:{left:0,top:0,width:"100%",height:"100%"},
tooltip: { isHtml: true },
colors: ['#4EB9B5', '#9DB5C0', '#7FDDD4',
'#02A8F3', '#5F7C8A'],
height: '500',
timeline:
{
rowLabelStyle: { fontName: 'Roboto', fontSize:
12 },
barLabelStyle: { fontName: 'Roboto', fontSize:
12 },
showBarLabels: false
}
});
},
error: function () {
alert("Error loading data! Please try again.");
}
});
<https://lh3.googleusercontent.com/-4KqE1b583jY/VlFym8z8kFI/AAAAAAAAByA/cVra98dr2NY/s1600/Untitled.png>
<https://lh3.googleusercontent.com/-phU-ILxnha0/VlFyq_ycPVI/AAAAAAAAByI/Rmnt0bcc9wY/s1600/2.png>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit
https://groups.google.com/d/msgid/google-visualization-api/ff5a7685-921f-4aab-938e-e6de440586be%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.