¿Error en el gráfico de Google? El eje no comienza en 0

El siguiente ejemplo es de Google para crear un ColumnChart usando Google Charts

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Austria', 'Belgium', 'Czech Republic', 'Finland', 'France', 'Germany'],
    ['2003', 1336060, 3817614, 974066, 1104797, 6651824, 15727003],
    ['2004', 1538156, 3968305, 928875, 1151983, 5940129, 17356071],
    ['2005', 1576579, 4063225, 1063414, 1156441, 5714009, 16716049],
    ['2006', 1600652, 4604684, 940478, 1167979, 6190532, 18542843],
    ['2007', 1968113, 4013653, 1037079, 1207029, 6420270, 19564053],
    ['2008', 1901067, 6792087, 1037327, 1284795, 6240921, 19830493]
  ]);

  // Create and draw the visualization.
  new google.visualization.ColumnChart(document.getElementById('visualization')).
  draw(data, {
    title: "Yearly Coffee Consumption by Country",
    width: 600,
    height: 400,
    hAxis: {
      title: "Year"
    }
  });
}

Lo cual funciona perfectamente, sin embargo, solo quiero un valor por columna, así que lo cambio a:

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Month', 'How many'],
    ['07', 193],
    ['08', 114],
    ['09', 158]
  ]);

  // Create and draw the visualization.
  new google.visualization.ColumnChart(document.getElementById('visualization')).
  draw(data, {
    title: "Yearly Coffee Consumption by Country",
    width: 600,
    height: 400,
    hAxis: {
      title: "Year"
    }
  });
}

Y ahora el eje vertical no comienza en 0 sino cerca del valor más bajo, en este caso 114. ¿Es esto un error? Todavía quiero que se muestre desde 0, ya que es muy confuso a simple vista como este

¿Alguna idea?

preguntado el 21 de mayo de 12 a las 18:05

Solo he notado este comportamiento en los gráficos de columnas combinadas (febrero de 16) -

3 Respuestas

Debe pasar otro parámetro como parte de las opciones al dibujar el gráfico.

vAxis: {minValue: 0}

Eso forzará que el eje vertical comience desde 0, puedes ver otras opciones posibles aquí: https://google-developers.appspot.com/chart/interactive/docs/gallery/columnchart#Configuration_Options

Respondido 19 Oct 18, 19:10

Gracias por esto, siempre he agregado una fila con 0 :) - Szabi Zsoldos

Si no tienes datos en el gráfico vAxis: {minValue: 0} no ayudará. Entonces puedes usar la opción de configuración viewWindow:

var options = { 
    vAxis: { 
        viewWindow: {
            min:0
        }
    }
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(dataTable, options);

respondido 11 mar '14, 19:03

Para cualquiera que todavía esté buscando la manera de hacer que los ejes comiencen en 0, puede probar estas opciones.

vAxes: {
  0: {baseline: 0},
},

Tenga en cuenta que usé vAxes en lugar de vAxis. No estoy seguro de por qué, pero eso hizo el truco.

Tengo la respuesta aquí: https://groups.google.com/forum/#!topic/google-visualization-api/vRNJUk9aZUI

Respondido el 03 de enero de 19 a las 08:01

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.