Je souhaite créer un diagramme en utilisant la bibliothèque javascript gRaphael. GRaphael prend-il en charge les axes étiquetés?Ajout de l'axe des x et de l'axe des y à l'histogramme dans gRaphael?
2
A
Répondre
0
3
Vous pouvez travailler avec la classe de l'axe et pour cela:
var chart = r.g.barchart(50,15,gW,167, [ this.chart.Value ], { }).hover(fin, fout);
var aX = chart.bars[0][0].x;
var aW = chart.bars[0][chart.bars[0].length -1].x - aX;
var axis = r.g.axis(aX,180,aW ,null,null,this.chart.Labels.length - 1 ,2, this.chart.Labels , "|", 0);
axis.text.attr({font:"12px Arial", "font-weight": "regular", "fill": "#FFFFFF"});
2
[Je sais que cette question est vieux, mais voici ma solution -]
je n'ai pas réussi à utiliser les rgaxis, mais je l'aX -
var x, y = 250;
for (i = 0; i < MAX_ITEMS; i++) {
x = chart.bars[0][i].x;
r.text(x, y, "[" + i + "]").attr(txtattr);
}
0
et pour l'axe Y, j'ai ajouté une autre barre, les étapes que je veux marquer . Je suppose que vous pouvez définir sa couleur à "transparent".
var myArrY = new Array(); // original values
// TODO: fill its values as before . . .
var myArrY_steps = new Array(0, 10, 20, 30); // the steps I want to mark
var myData = new Array();
myData[0] = myArrY;
myData[1] = myArrY_steps;
var chart = r.barchart(10, 10, 600, 300, myData, 0, {type: "sharp"});
. . .
var x = 10;
var y;
for (i = 0; i < myArrY_steps.length; i++) {
// Note: In this loop I use chart.bars[1], the steps array!
y = chart.bars[1][i].y; // calculated by gRaphael !
r.text(x, y, chart.bars[1][i].value).attr(txtAttr);
}
Questions connexes
- 1. Graphique à courbes de Graphael
- 2. Minimisation de f (x, y) où x et y sont des entiers
- 3. x, y = getPos() et (x, y) = getPos()
- 4. Comment définir la valeur de date pour l'axe x à l'aide de gRaphael Graphique en courbes
- 5. contrôlant X et Y de spark.components.Window
- 6. Comment obtenir Vue à partir des coordonnées X/Y
- 7. messages de chat et x tag y
- 8. Récupère des éléments dans jQuery où l'attribut "x" = "y"
- 9. Python: Trouver X à Y dans une liste de chaînes
- 10. MATLAB - Comment importer et tracer des données à partir d'un fichier .mat vers des variables x et y?
- 11. Ajout d'une flèche en dessous de l'axe x dans des parcelles R
- 12. x-y = x + ¬y + 1 problème
- 13. Ajout d'étiquettes à des modèles polymorphes dans des rails
- 14. SciTE Regex, Correspond à l'expression entre x et y fois par exemple \ w * {x, y}
- 15. dygraphes - se débarrasser de l'axe des x et des y en noir pour un graphique de type «sparkline»?
- 16. Ajout de répertoires à des dossiers de ressources dans Android
- 17. Ajout de titres et descriptions des images dans Refinerycms-portefeuille
- 18. Regex et PHP: ajout d'ellipses après X nombre de caractères
- 19. Ajout d'événements à des options de menu
- 20. ajout de champs à des échafaudages RoR
- 21. Proprement traduire (x à y) et (y à x) en utilisant une recherche/remplacement/regex dans TextMate
- 22. Avoir des contraintes pour déplacer X, Y en même temps?
- 23. Traduction X, Coordonnée Y
- 24. lier deux tableaux avec des points de données x et y à un graphique linéaire dans asp.net?
- 25. Comment obtenir des cellules (<td>) Coordonnée x et y dans une table à l'aide de jQuery?
- 26. Position x et y de la tabulation Flex
- 27. Obtenir des coordonnées x, y de caractères individuels dans un widget de texte SWT
- 28. Modification des X et Y du bouton lors de la rotation
- 29. Les valeurs minimales des coordonnées X et Y dans PointCollection (C#)
- 30. Ajout de mutiple si des instructions ensemble
+1 C'est la seule façon dont j'ai pu faire fonctionner les étiquettes. Merci de partager cela! – lhan