¿Cómo se elimina el eje x de un gráfico de barras producido por la API de visualización de Google?

Question

En relación con el tipo de gráfico que se muestra aquí: http://code.google.com/apis/visualization/documentation/gallery/barchart.html

No parece ser un simple interruptor, y cambiando el color a blanco eje (sobre un fondo blanco) no parecía hacer nada. Incluso probé jquery para ocultar los selectores producidos por la salida de la API, pero no los dados.

Answer 1

su API no tiene ninguna función de este hecho, pero:

chart.draw(data, 
    { 
     width: 400, 
     height: 240, 
     is3D: true, 
     legend :'none', 
     axisFontSize : 0 
    }); 

Configuración axisFontSize a 0 eliminará sus datos del eje x. :)

Answer 2

axisFontSize: 0 eliminará los datos del eje x y el eje y

Answer 3

Salida http://code.google.com/apis/chart/docs/gallery/bar_charts.html#axis_label_styles

Estilos de etiqueta de eje chxs "axis_or_tick"

Se dará cuenta de esta documentación: "_ - (Dibujo de subrayado) No dibuje ni línea de eje ni marcas. Si desea ocultar una línea de eje, use este valor ".

ejemplo: 'chxs = 0, 0,0, _,'

Answer 4

Google cambia la API tan rápido, esto es lo que funciona en la actualidad:

chart.draw(daily, { 
    hAxis : {textColor: '#ffffff'}, 
    [... your other options here ...] 
}); 

Answer 5

Puede establecer hAxis.textPosition al valor de 'none'

Por ejemplo:

var options = { 

       hAxis: { textPosition: 'none' }, 
      }; 

chart.draw(data, options); 

Ver https://developers.google.com/chart/interactive/docs/gallery/barchart#Configuration_Options

Answer 6

Pude quitar la etiqueta en la versión de material del gráfico quitando la cadena en mi tabla de datos.

Antes:

data.addColumn('string', 'Date'); 

Después:

data.addColumn('string', ''); 

Answer 7

let options = {legend: { position: 'none' }};