Good morning everyone,
I have a problem about the size of bar chart values. The x values goes like
0,5,10,15,20,23 five by five but I want it to be like 0,1,2,3 one by one.
Another issue is, I want y values to be shown on top of each bar. If 23th
bar's value is 10 it must be shown on the top of 23th bar because people
should easily see the chart values from the distant.
My the other question is I want to enlarge the size of x and y values of
chart but I could only enlarge labels. I couldn't find the right option.
My last problem about legend. If legend is on the right side, the chart is
getting smaller but I can't move legend to top or bottom. Even in the code
says legend bottom it shows on the right.
[image: Screenshot from 2020-01-02 11-04-05.png]
<div class="row">
<div class="col-md-4">
<div id="palochart" style="width: 1000px; height: 400px; " ></div>
</div>
</div>
function drawPaLoChart() {
var data = [['Hours', 'Label1', 'Label2']];
for (var i=0; i<pageload.length;i++){
data.push([pageload[i][0], pageload[i][1], pageload[i][2] ]);
}
var data = google.visualization.arrayToDataTable(data);
var options = {
'fontSize': 30,
chart: {
'width': 600,
title: 'Hourly Page Load Times',
},
legend: { position: 'bottom' },
bar: { groupWidth: "100%" },
backgroundColor: {fill: 'transparent'},
chartArea: {
backgroundColor: 'transparent'
},
'tooltipFontSize':22
};
var chart = new google.charts.Bar(document.getElementById('palochart'));
chart.draw(data, google.charts.Bar.convertOptions(options));
}
--
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 view this discussion on the web visit
https://groups.google.com/d/msgid/google-visualization-api/4e63fffa-ba8e-4f7f-a31b-fc4df7c5dacd%40googlegroups.com.
