Ich möchte ein Balkendiagramm mit der JavaScript-Bibliothek gRaphael erstellen. Unterstützt gRaphael beschriftete Achsen?Hinzufügen von x-Achse und y-Achse zum Balkendiagramm in gRaphael?
2
A
Antwort
0
3
Sie könnten mit der Achse Klasse arbeiten auch für diese:
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
[Ich bin mir bewusst, dass diese Frage ist alt, aber hier ist meine Lösung -]
ich nicht verwalten die rgaxis zu verwenden, aber ich verwendet, um die 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
und für die Y-Achse, fügte ich eine andere Bar, mit den Schritten, die ich möchte markieren . Ich denke, Sie können seine Farbe auf "transparent" einstellen.
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);
}
Verwandte Themen
- 1. Hinzufügen eines Klickereignisses zum Balkendiagramm von chartjs
- 2. Hinzufügen von Zeitreihen zum Balkendiagramm in ggplot R
- 3. r Linien oder Segmente zum Balkendiagramm hinzufügen
- 4. Graphael Liniendiagramm
- 5. Hinzufügen von Fehlerbalken zum gruppierten Balkendiagramm mit D3.js
- 6. Hinzufügen einer Trendlinie zum Balkendiagramm in Reporting Services
- 7. Hinzufügen von Wertelabels auf einem Matplotlib-Balkendiagramm
- 8. Hinzufügen von Beschriftungen zu ggplot Balkendiagramm
- 9. Highcharts yAchse max funktioniert nicht
- 10. Wie andere Elemente in adf Balkendiagramm hinzufügen
- 11. Hinzufügen von Balkendiagramm in einem Diagramm zu einem Jpanel
- 12. Hinzufügen von +/- Standardfehlerbalken zu einem 3D-Balkendiagramm in Gitterextra
- 13. Gestapeltes Balkendiagramm zum gruppierten Balkendiagramm Übergang funktioniert nicht
- 14. Highcharts Datenetiketten nicht auf mehreren xAchse und yAxis
- 15. Maven und Hinzufügen von JARs zum Systembereich
- 16. X-Koordinaten jeder yAchse im HighStock-Diagramm
- 17. wie dynamische Daten zu Morris Balkendiagramm hinzufügen
- 18. Highcharts machen die yAchse bei Null
- 19. Was ist der Unterschied zwischen Raphael und gRaphael?
- 20. Hinzufügen eines Etiketts auf einem D3-Balkendiagramm
- 21. Hinzufügen von Kategorien zu Highcharts über Loop
- 22. Aktualisieren Balkendiagramm und Entfernen von Etiketten
- 23. ggplot Schmelzen und Plotten von Balkendiagramm
- 24. Hinzufügen von Beschriftungen zu einem horizontalen d3-Balkendiagramm?
- 25. Überspringen von Daten in Excel-Balkendiagramm
- 26. In HighCharts wie Anzahl der xAchse autoly setzen?
- 27. Wie zum Hinzufügen und Entfernen von Array in VB
- 28. c3js konvertieren xAchse aus Dezimalzahl in Integer zählen
- 29. Google Charts - Vermeiden Sie zeigt negative Werte in yAchse
- 30. Hinzufügen von Wörtern zum Rechtschreibwörterbuch in NetBeans?
+1 Dies ist die einzige Möglichkeit, Etiketten zum Funktionieren zu bringen. Danke für das Teilen! – lhan