web-dev-qa-db-fra.com

Comment supprimer l'axe des x d'un graphique à barres généré par l'API de visualisation de Google?

En référence au type de graphique présenté ici: http://code.google.com/apis/visualization/documentation/gallery/barchart.html

Il ne semble pas y avoir d’interrupteur simple, et changer la couleur de l’axe en blanc (sur un fond blanc) ne semble pas avoir d’effet. J'ai même essayé de jQuery pour masquer les sélecteurs produits par la sortie de l'API mais pas de dés.

28
Dan

Vous pouvez définir hAxis.textPosition avec la valeur 'none'

Par exemple:

var options = {

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

chart.draw(data, options);

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

70
Dan Diplo

Leur API n’a aucune fonction pour cela, mais:

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

Si vous définissez axisFontSize sur 0, vos données de l’axe x seront supprimées. :)

3
Elzo Valugi

Google change l'API si rapidement, c'est ce qui fonctionne aujourd'hui:

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

J'ai pu supprimer l'étiquette de la version matérielle du graphique en supprimant la chaîne dans mon datatable.

Avant:

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

Après:

data.addColumn('string', '');
1
Tony Schmidt

axisFontSize: 0 supprimera les données de l'axe des x et des ordonnées

1
Denny

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

1
AtyulyaKadam

Découvrez http://code.google.com/apis/chart/docs/gallery/bar_charts.html#axis_label_styles

Styles de libellés d'axe chxs "axis_or_tick"

Vous remarquerez cette documentation: "_ - (trait de soulignement) Ne tracez ni ligne d'axe ni graduation. Si vous souhaitez masquer une ligne d'axe, utilisez cette valeur."

Exemple: 'chxs = 0, 0,0, _'

0
John Erck