There is no direct means of changing the size or spacing of the bars.
Distance and spacing scales automatically with number of columns, number of
rows, chart width, and chartArea width. Since you are not using axis labels
or a legend, it's probably a good idea to set your chartArea to the same
size as your chart. You can also use multiple rows and multiple columns
with the isStacked option to space the bars out more. In each row, assign
only 1 column (different for each row) a value and zero out all the others.
This is probably more like what you want:
function drawVisualization() {
var data = new google.visualization.DataTable();
data.addColumn('string', '');
data.addColumn('number', 'Numbers');
data.addColumn('number', 'Numbers');
data.addColumn('number', 'Numbers');
data.addColumn('number', 'Numbers');
data.addColumn('number', 'Numbers');
data.addRows([
["", 1000, 0, 0, 0, 0],
["", 0, 1170, 0, 0, 0],
["", 0, 0, 660, 0, 0],
["", 0, 0, 0, 1030, 0],
["", 0, 0, 0, 0, 1030]
]);
var chart = new
google.visualization.ColumnChart(document.getElementById('visualization'));
chart.draw(data, {
width: 400,
height: 240,
legend: 'none',
gridlineColor: '#fff',
isStacked: true,
chartArea: {
top: 0,
left: 0,
width: 400,
height: 240
},
hAxis: {
textPosition: 'none'
},
vAxis: {
textPosition: 'none',
baselineColor: '#ccc'
}
});
}
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/oNCvuzJWTUcJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
