Ich suche nach einer Möglichkeit, die aktuelle CPU-Auslastung einer VM mithilfe eines Flot (Jquery) Chart anzuzeigen.
Ab jetzt kann ich einfache Linien zeichnen, aber keine Ahnung, wie man die Grafikbewegung nach links bringt, wenn neue Daten eintreffen.
%Vor%Irgendeine Idee oder vielleicht ein anderes Plugin, das den Trick machen kann?
bearbeiten:
Ich muss das assoziative Array übersetzen:
%Vor%bis
%Vor%Ich weiß nicht, wie ich das erreichen soll.
Ich habe mir ihre API angeschaut und sie haben eine 'setData' Funktion, die aussieht, als ob Sie eine existierende Charts-Daten aktualisieren können.
[Aktualisierung] Wenn man sich das obige Beispiel in anderen Browsern anschaut, ist die Aktualisierungsrate bei der Rekonstruktion des Plots von Grund auf ein wenig langsam. Zwischen den Updates bemerkte ich unerwünschte Blitze. Hier ist eine bessere Lösung:
%Vor%Ich habe auch einen Blogbeitrag über Flot zusammengestellt, der dies etwas ausführlicher beschreibt:
Bob
Sie können die shift -Methode für das Array verwenden, um das erste Element zu entfernen (dh es nach links zu verschieben und seine Größe um 1 Element zu verringern) und push , um es zum Ende hinzuzufügen und dessen Größe auf das Original zu erhöhen Größe vor dem shift zB
Zeigen Sie das Diagramm dann erneut mit $ .plot (....)
an