Dokumentation für Stack Overflow Ruf Graph (Flot)
-
30-09-2019 - |
Frage
Gibt es eine Dokumentation zur Verfügung Flot Graph zu bauen ähnlich dem, was wir in der Stack-Überlauf Profil finden / Ruf Tab?
aus dem Quellcode ich, dass alle Details einsehen kann unter dieser Adresse abgefragt wird. /users/rep-graph/341106/" + ranges.xaxis.from.toFixed(1) + "/" + ranges.xaxis.to.toFixed(1)
aber ich weiß nicht, die Werte from
und to
Felder in der URL akzeptieren
Bearbeiten :
In diesem Diagramm können wir sehen, dass zwei Punkte hervorgehoben werden, und das Ergebnis ist, dass zwei Frage auf der Seite aufgelistet, was bedeutet, dass die aufgezeichneten Werte verknüpft sind mit user- definiert Daten .
Allerdings, wenn ich PKH Vorbild betrachten, werden nur die Punkte (und ein Etikett) an Flot vorgesehen:
label: "United States",
data: [[1990, 18.9], [1991, 18.7] ....
Also ich würde gerne sehen:
- , wie Verbindungsdaten mit Punkten
- , wie ein Panel gemäß Graph Auswahl aktualisieren [aber vielleicht ist dieser Teil tatsächlich nicht von Flot selbst getan]
Lösung
In diesem Fall sie Javascript sind vorbei über die URL-Zeitstempel zurück.
Also auf der Backend-Seite, müssen sie so etwas wie dieser (Pseudo-Code) tun:
//get parameters from URL, non-rails people would just use POST or GET variables
$from = $_GET['from']
$to = $_GET['to']
//convert to timestamps in your language
$from = $from/1000
$to = $to/1000
//query your data source with these time-based restrictions
//return a JSON data set with the given restrictions, linking the known timestamps to labels
Für Ihre zweite Frage, haben Sie Ihre Server-Seite ein assoziatives Array zurück, den Zeitstempel auf ein Datenobjekt verknüpfen, die in diesem Fall enthält Gewinn, Verlust, URL, Titel. Im Erfolg Rückruf, zeigen Sie sie. Hier ist ein Beispiel Datenobjekt:
{ 1274774400000 : {
Gain:0,
Loss:10,
Url:'http://asdf.com',
Title:'We lost some rep here... boohoo'
},
1274947200000 : {
Gain:10,
Loss:0,
Url:'http://asdf.com',
Title:'We gained some rep here... woo!'
}
}
Sie können diese Art von Objekt sehen auf der Seite in der showReputation
Funktion verwendet werden Sie verwiesen ... außer sie einen JSON-Array anstelle ein Objekt zurückgegeben.
Ein weiteres Merkmal könnte man leicht das Objekt oben angegebenen Daten hinzuzufügen: a. Plotclick Fall, dass Highlights den gegebenen Datenpunkt, wenn der Klick es
Andere Tipps
Es sieht aus wie sie flicht die Auswahl Plugin. Hier ist ein Grund Beispiel für seine Verwendung .
ranges
ist ein Argument für den plotselected
Handler, und so from
und to
können für die jeweilige Achse jeden gültigen Wert. (Die Auswahl kann entlang x, y, oder (x und y) Achse sein.)