web-dev-qa-db-fra.com

Visualisation de Google Charts Mise en forme des axes de graphiques à colonnes et couleurs des colonnes

chart

J'ai ce graphique à colonnes utilisant les outils de Google Visualization Chart de Google. Comment pourrais-je faire en sorte que les nombres de l'axe des y ne soient que des nombres entiers positifs? J'ai essayé de parcourir la documentation, mais je n'arrive pas à trouver quoi que ce soit.

google-visualization
20
roflwaffle

J'ai utilisé ce qui suit et je n'ai pas vu de fractions depuis ...

vAxis:{minValue:0,maxValue:5,gridlines:{count:6}}

Le truc semble être que, avec 6 lignes de grille et 5 comme valeur la plus haute 'haute', Les moitiés et les dixièmes ne sont plus applicables.

16
Jerry van de Weerthof

Cela a fonctionné pour moi

vAxis: {minValue:0, format:'#'}
12
Xaver

Utilisez simplement hAxis.format

exemple :

hAxis: {minValue:0,format:'0'},

format 0 = chiffre

6
ggDeGreat

Nombres positifs:

Vous pouvez utiliser vAxis.minValue pour définir la ligne de grille la plus basse de l'axe des y, mais la valeur réelle de la ligne de grille correspondra au minimum de ce que vous définissez et à la valeur la plus basse de vos données. Par conséquent, si vous avez 0 dans vos données (comme il semble pour Insatisfaisant), cette valeur sera utilisée pour le quadrillage le plus bas de l’axe des y. 

Nombres entiers:

http://groups.google.com/group/google-visualization-api/browse_thread/thread/04a001766367dc0f/84c34338c2808069 - il s'agit d'un article plus ancien, mais comme il n'y a rien dans la documentation de l'API de graphique, il semble que le la fonctionnalité permettant de spécifier uniquement des nombres entiers fait toujours défaut.

Comme le graphique a par défaut 5 lignes de grille (c'est ce que vous souhaitez pouvoir remplacer), si la valeur de données la plus élevée est 2.0 (comme dans l'exemple), vous pouvez forcer des nombres entiers en définissant vAxis: {maxValue: 5}, bien que cela puisse ne pas être la solution la plus élégante. 

1
alykat

Si vous modifiez votre type de graphique comme suit:

google.load('visualization', '1', {'packages':['linechart']});

travaillera pour vous ..

0
Smit

La seule solution de contournement que je pourrais trouver à ce problème est que ... Par exemple, les divisions de grille par défaut sont 4. Vous pouvez changer ce nombre. Mais en cas de défaut (4), la valeur vAxis.maxValue devrait être divisible par 4, si maintenant incrémentez ce nombre pour qu'il le soit. 

0
Ravi

vous pouvez utiliser la fonctionnalité axisLabels. Pour l'utiliser, vous devez modifier manuellement vos axixLabels comme indiqué ici: http://code.google.com/apis/chart/image/docs/chart_params.html# axis_labels

par exemple.:

chxt=x,y
chxp=0:|Excellent|Very Good|Fair|Unsatisfactory|1:|0|1|2

Salutations,

Jan

0
Jan
var max=Math.max(1,10,15,20);(u have to pass the values what the values u have)
var maxvalue= max / 4;
var res=Math.floor(maxvalue);
res=res+1;
var remin= max % 4;
if(res != 0) {
    maxvalue=(res * 4);
}
else
    maxvalue= 4;

utilisez le code ci-dessus cela fonctionne bien pour moi.

0
user876563