Javascript Girl
  1. Javascript Girl
  3. Comment retirez-vous l'axe des x à partir d'un diagramme à barres produit par l'API de visualisation de Google?
Intereting Posts
Objet n'a pas de méthode 'appliquer' Chargement du fichier externe du test Karma / Jasmine Comment puis-je ajouter 1 à un grand nombre entier représenté comme une chaîne en JavaScript? Comment utilisez-vous les valeurs dynamiques de ng-show dans un modèle de directive? Simple div onclick show javascript Problème de performance Javascript d'Internet Explorer Injection de dépendance avec RequireJS Faites défiler jusqu'à certains div avec url Manière de sauvegarder la réponse de Json dans le tableau Comment appeler dynamiquement une fonction php en javascript Comment localiser pour les essais de rapporteurs PHP peut-il fonctionner après la chargement de la page? Routeur UI angulaire: décide d'un modèle d'état enfant sur la base de l'objet résolu parent Comment les barres de progression multiples doivent-elles être traitées en javascript? Obtenez les coins SW & NE de Google Static Maps API

Comment retirez-vous l'axe des x à partir d'un diagramme à barres produit par l'API de visualisation de Google?

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

Il ne semble pas y avoir de commutateur simple, et changer la couleur de l'axe en blanc (sur un fond blanc) ne semblait rien faire. J'ai même essayé jquery de cacher les sélecteurs produits par la sortie api mais pas de dés.

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

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

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

Leur API n'a aucune fonction pour cela en effet, mais: 

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

L'axe de configurationFontSize à 0 supprime les données de votre axe x. 🙂

AxisFontSize: 0 supprime les données des axes x et des axes y

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

Axe Label Styles chxs "axis_or_tick"

Vous remarquerez cette documentation: "_ – (soulignement) Ne tirez ni ligne d'axe ni marque. Si vous souhaitez masquer une ligne d'axe, utilisez cette valeur."

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

J'ai pu retirer l'étiquette dans la version matérielle du graphique en supprimant la chaîne dans mes données.

Avant: 

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

Après: 

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