Comment supprimer l'axe des x d'un graphique à barres produit par l'API de visualisation de Google?

Question

Se référant au type de graphique illustré ici: http://code.google.com/apis/visualization/documentation/gallery/barchart.html

Il ne semble pas être un simple interrupteur, et en changeant la couleur de l'axe au blanc (sur fond blanc) ne semble pas faire quoi que ce soit. J'ai même essayé jquery pour cacher les sélecteurs produits par la sortie api mais pas de dés.

Answer 1

Leur API n'a pas de fonction de ce fait, mais:

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

Réglage axisFontSize à 0 supprimera vos données x-axes. :)

Answer 2

axisFontSize: 0 supprimera l'axe des x et des données y-axe

Answer 3

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

label Axis Styles chxs "axis_or_tick"

Vous remarquerez cette documentation: « _ - (Underscore) Ne dessinez ni une ligne d'axe ni une marque de graduation Si vous voulez masquer une ligne d'axe, utilisez cette valeur. "

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

Answer 4

Google change l'API si vite, voici ce qui fonctionne aujourd'hui:

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

Answer 5

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

Par exemple:

var options = { 

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

chart.draw(data, options); 

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

Answer 6

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

Avant:

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

Après:

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

Answer 7

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