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}
              }
     };