Dynamische Datenvisualisierung

Welche Sprache und welches Framework sollte ich für die Datenvisualisierung in Web- und Desktop-Anwendungen mit der folgenden Anforderung verwenden? Der Benutzer gibt den Wertebereich für eine Achse an und die entsprechenden Daten sollten mit automatischer Skalierung basierend auf den höchsten und niedrigsten Werten der Achse angezeigt werden .Die Daten werden in mysql gespeichert.

Wünschen Sie eine client- oder serverseitige Lösung?

Antworten (2)

Ich denke, das kann man mit Highcharts erreichen. Hier ist eine Demo davon in Highcharts. Für ein vollständiges Tutorial können Sie zu den Highcharts-Dokumenten gehen .

Das Tutorial ist in PHP geschrieben, die Logik ist einfach, alle 1 Sekunde werden neue Daten abgefragt, das Tutorial verwendet zufällige Daten.

Stellen Sie sicher, dass Sie datetime, timestampoder integerSpalte haben. Für Integer-Spalten können Sie sie wie benennen created_atund unix timestampals Wert verwenden.

Ich bevorzuge mit Spaltenname created_at, integerDatentyp. integerHier ist eine Beispielabfrage, wenn Sie die Spalte verwenden möchten :

SELECT COUNT(value), from_unixtime(`created_at`, '%Y-%m-%d %H:%i')
FROM `table`
WHERE `created_at` = (UNIX_TIMESTAMP (CURRENT_TIMESTAMP) - 1)

Für PHP verwende ich normalerweise time()Unix-Zeitstempel. Und wenn keine Daten zurückgegeben werden, müssen Sie die Ausgabe behandeln, um 0 statt null zu geben.

Ich finde AngualrJS dafür am besten.

Fragen Sie Ihren Server regelmäßig ab und speichern Sie das Ergebnis in einer $scopeVariablen, die an ein Diagramm in Ihrem HTML gebunden ist.

Jedes Mal, wenn sich die Daten ändern, wird Ihr Diagramm automatisch aktualisiert, ohne dass Sie zusätzlichen Code schreiben müssen, um es zu aktualisieren.

Ein sehr einfaches und daher leicht verständliches Beispiel finden Sie hier .