2009-10-08 9 views
1

Je tire mes cheveux sur ce problème.Aide pour montrer un graphique simple en utilisant google chart

Je voudrais montrer un graphique à barres vertical très simple qui représentera le montant des ventes au cours d'une semaine. Ainsi, les données qu'il serait alimenté est:

Sunday: 200 
Monday : 50 
Tue: 500 
Wed: 300 
Thu: 145 
Fri: 0 
Sat: 976 

Ce ne serait que pour une seule semaine donnée, et je veux le graphique pour afficher les données de vente entre les jours pour les comparer et de voir quel jour avait le plus grand nombre des ventes, etc.

Ensuite, je veux deux autres graphiques similaires, l'un pour les ventes mensuelles, par exemple

January: 2000 
Feb: 1490 
.. 
December: 4553 

Et un exemple de graphique annuel:

2006: 20000 
... 
2009 30000 

Encore une fois la comparaison sera juste entre les 7 jours de la semaine, 12 mois de l'année, ou 4-5 ans.

J'ai besoin d'un URL qui peut être utilisé pour créer ces graphiques, où je peux simplement accrocher mes propres données et le reste des choses fonctionnerait tout seul. Sur le chart types, je voudrais utiliser «graphique à barres verticales» (code bvs). Une chose qui peut être un problème est le «encodage» des graphiques, google charts semble vouloir que vous lui donniez un encodage qui signifie une plage entre 0-500 ou 0-6950, mais je n'ai aucun moyen de sachant quel encodage les montants des ventes tomberaient, ils pourraient soit être très peu de ventes ou beaucoup.

+0

Comment utiliser plutôt l'API google visualization? Il semble être beaucoup moins restrictif, et ils ont des versions d'image statiques de beaucoup de visualisations. –

Répondre

3

est ici le jour de l'URL de la semaine:

http://chart.apis.google.com/chart?cht=bvs&chs=500x300&chd=t:200,50,300,145,0,976&chds=0,1000&chm=tMonday,000000,0,0,10|tTuesday,000000,0,1,10|tWednesday,000000,0,2,10|tThursday,000000,0,3,10|tFriday,000000,0,4,10|tSaturday,000000,0,5,10 

CHT est le type de graphique, BHS est le graphique à barres de base

chs est la taille de la carte, dans largeurxhauteur

chd est votre données, et je n'utilise pas l'encodage que Google permet de raccourcir les URL.

CHDS est une mise à l'échelle de données (en option), dans lequel je dis que la valeur minimale est 0 et la valeur maximale est 1000.

CHM vos étiquettes. Chaque étiquette est séparée par un '|' symbole. Chaque étiquette est complétée par at (type text), suivi de l'étiquette, puis de la commande et d'une couleur (valeur hexadécimale RGB, RRGGBB), puis de quelle série de données étiqueter (vous n'avez que 1, donc 0), puis le point de données étiqueter (en commençant par 0 pour le 1er), puis la taille du point de la police à utiliser. Il y a une autre valeur omise qui est "quand dessiner l'étiquette", puisque je l'ai omise, elle est dessinée après les barres mais avant les autres étiquettes. Voir la documentation the data point labels, la documentation chart basics et la documentation data scaling pour plus d'informations. MISE À JOUR: Modification du type de graphique de bhs à bvs après relecture de l'OP. MISE À JOUR 2: Espace blanc mis à jour pour la lisibilité

+0

Hey, merci beaucoup pour cela. Actuellement, cela montre seulement les noms des jours, y a-t-il un moyen d'ajouter des étiquettes indiquant le montant des ventes à cela aussi (comme sous les barres)? –

+0

Encore une chose, puis-je changer la couleur des barres de couleur jaune à une autre couleur comme # 4D89F9, si oui, comment? –

+0

La couleur de la barre est chco, vous diriez chco = 4D89F9 dans l'URL –

Questions connexes