javascript - tipos - Establecer un valor de eje mínimo duro en la API de Google Charts

haxis google chart

Question

Estoy tratando de construir un Google Chart para mostrar algunos porcentajes de tiempo de actividad y tiempo de inactividad, apilados. Esto funciona muy bien, excepto por una pequeña cosa: me gustaría que la línea de base del gráfico sea de 99.8 y la máxima de 100, ya que los tiempos de inactividad suelen ser inferiores a .2, esto hará que el gráfico sea legible.

Esto me pareció bastante simple. Pensé que esto funcionaría:

var data = new google.visualization.DataTable();
data.addColumn(''string'', ''Date'');
data.addColumn(''number'', ''Uptime'');
data.addColumn(''number'', ''Downtime'');
data.addRows([
  [''Dec 1, 1830'',   99.875, 0.125],
  [''Dec 8, 1830'',   99.675, 0.325],
  [''Dec 15, 1830'',  99.975, 0.025],
  [''Dec 22, 1830'',  100.0,  0.0]
]);

var chart = new google.visualization.ColumnChart(document.getElementById(''chart_div''));
chart.draw(data, {width: 400, height: 240, isStacked: true, vAxis: { title: "Percentage Uptime", minValue: 99.8, maxValue: 100}});

Desafortunadamente, la tabla ignora por completo el valor mínimo de la vAxis. Este parece ser el comportamiento esperado, según la API, pero esto deja la pregunta: ¿cómo lograría esto? Incluso fui tan lejos como para transformar los datos, es decir, para restar 99.8 de todos los valores de tiempo de actividad, y simplemente hacer que la tabla pase de 0 a .2, y esto escupe una gráfica que se ve bien, pero no puedo aplicar etiquetas al eje vertical que dirían 99.8, 99.85, 99.9, lo que sea, el eje dice, con bastante dedicación, 0 en la parte inferior y .2 en la parte superior, y parece que no hay manera de fijarlo en estas direcciones. Cualquiera de las soluciones sería aceptable, estoy seguro de que hay ALGUNA forma de hacer que esto funcione.

Answer 1

Tuve un problema similar y tuve que especificar la propiedad como "min" no "minValue"

vAxis: { 
    viewWindowMode:''explicit'',
    viewWindow: {
        max:100,
        min:99.8
    }
}

Answer 2

necesitas configurar viewWindow de esta manera:

var data = new google.visualization.DataTable();
data.addColumn(''string'', ''Date'');
data.addColumn(''number'', ''Uptime'');
data.addColumn(''number'', ''Downtime'');
data.addRows([
 [''Dec 1, 1830'',   99.875, 0.125],
  [''Dec 8, 1830'',   99.675, 0.325],
  [''Dec 15, 1830'',  99.975, 0.025],
  [''Dec 22, 1830'',  100.0,  0.0]

]);

var chart = new google.visualization.ColumnChart(document.getElementById(''chart_div''));
chart.draw(data,
           {width: 400, 
            height: 240, 
            isStacked: true,
            vAxis: { 
              title: "Percentage Uptime", 
              viewWindowMode:''explicit'',
              viewWindow:{
                max:100,
                min:99.8
              }
            }
            }                 
          );

// editado para la nueva versión de api