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

google spreadsheet query string

Question

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

No parece haber un simple interruptor, y cambiar el color del eje a blanco (sobre un fondo blanco) no parece hacer nada. Incluso intenté jQuery para ocultar los selectores producidos por la salida de API, pero no los dados.

Answer 1

Echa un vistazo a http://code.google.com/apis/chart/docs/gallery/bar_charts.html#axis_label_styles

Axis Label Styles chxs "axis_or_tick"

Notará esta documentación: "_ - (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 2

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

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

Answer 3

Pude eliminar la etiqueta en la versión de material del gráfico eliminando la cadena en mi datatable.

Antes de:

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

Después:

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

Answer 4

Su API no tiene ninguna función para esto, pero:

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

Al establecer axisFontSize en 0 se eliminarán los datos del eje x. :)

Answer 5

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

Answer 6

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

Answer 7

Puede establecer hAxis.textPosition en el valor de '' none ''

Por ejemplo:

var options = {

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

chart.draw(data, options);

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