google visualization - googlechart - establecer x rango de ejes en google chart

google charts label

Question

Intento crear un gráfico de barras con el ejemplo de Google Chart

 var data = new google.visualization.DataTable();
data.addColumn(''string'', ''Topping'');
data.addColumn(''number'', ''Slices'');
data.addRows([
[''Mushrooms'', 5],
[''Onions'', 4],
[''Olives'', 3]
[''Zucchini'', 2],
[''Pepperoni'', 1]
]);

El gráfico se creó correctamente, pero en el eje X muestra un valor de 0 a 6. Cuando paso todos los valores como 0, muestra el eje X de -1 a +1.

¿Es posible configurar el eje X para que comience siempre de 0% a 100%?

Answer 1

Establecer los valores de tick :

vAxis: {
ticks: [{v:0, f:''0%''},{v:10, f:''10%''},{v:20, f:''20%''},{v:30, f:''30%''}]
}

Answer 2

Puede forzar que el eje x de un BarChart muestre siempre un cierto rango configurando las opciones hAxis.viewWindow.min y hAxis.viewWindow.max :

hAxis: {
viewWindow: {
min: 0,
max: 100
},
ticks: [0, 25, 50, 75, 100] // display labels every 25
}

Answer 3

u puede establecer el eje x modificando el valor de conteo ya que estamos usando DataTable ()

var databmi = new google.visualization.DataTable ();

 data.addColumn(''string'', ''Country'');
data.addColumn(''number'', ''GDP'');
data.addRows([
[''US'', 16768100],
[''China'', 9181204],
[''Japan'', 4898532],
[''Germany'', 3730261],
[''France'', 2678455]
]);
var options = {
title: ''GDP of selected countries, in US $millions'',
width: 500,
height: 300,
legend: ''none'',
bar: {groupWidth: ''95%''},
vAxis: {
title :''your choice'',
gridlines: { count: 4 }
},
hAxis: {
title :''your choice'',
gridlines: {count: 4}
}
};