Ich versuche dynamisches Neuladen in d3 zu bekommen und ich habe Probleme, herauszufinden, wie ich die Daten von der Datenbank aktualisieren kann.
Ich habe ein Array, das Werte enthält, sollte sich jede Sekunde ändern:
var data = [1,2,3,4];
In meinem ersten Skript hatte ich PHP die Daten aus der Datenbank ziehen, um das Array einzurichten, und das erneute Laden der Seite funktioniert gut, aber ich würde gerne die Neuladefunktion von d3 verwenden, um neue Daten zu holen und das Diagramm neu zu zeichnen .
Ich bin komplett neu in js und d3, daher wären alle Vorschläge sehr hilfreich.
Ich habe versucht, mit jQuerys Befehl get ein externes PHP-Skript aufzurufen, das die Werte ausgibt, aber das scheint nicht zu funktionieren.
Ich versuche grundsätzlich, das Balkendiagramm aus der Google Analytics-Echtzeitanzeige zu replizieren.
Zuerst benötigen Sie eine Seite auf dem Server, die die Daten im JSON-Format * ausgeben wird. Sobald Sie diese Seite haben, rufen Sie sie über den Browser auf und Sie sollten die verschlüsselten Daten auf dem Bildschirm anzeigen lassen (dies beweist, dass die Seite ordnungsgemäß gehostet wird und Daten zurückgibt)
Als nächstes folgen Sie dem einfachen Beispiel auf dem D3 Docs-Link, den Yeco gepostet hat. Sie müssen die Dummy-URL durch die Adresse Ihrer neuen Datenseite ersetzen und Ihren eigenen Funktionsaufruf dort einlegen, um das Diagramm mit den neuen Daten neu zu zeichnen.
* Hinweis: Ich bin mit PHP nicht vertraut, aber es sollte entweder ein nativer JSON-Encoder oder eine Bibliothek im Internet verfügbar sein. Sie müssen auch sicherstellen, dass Sie die Antwort Mime-Typ entsprechend einstellen - eine schnelle Google sollte Ihnen die richtige Mime-Typ geben - es ist so etwas wie 'Anwendung / Json' denke ich, aber kann mich nicht von der Spitze meines Kopfes erinnern
Tags und Links javascript jquery d3.js