Dokumentation für Stack Overflow Ruf Graph (Flot)

StackOverflow https://stackoverflow.com/questions/3556561

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 :

alt text

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:

  1. , wie Verbindungsdaten mit Punkten
  2. , wie ein Panel gemäß Graph Auswahl aktualisieren [aber vielleicht ist dieser Teil tatsächlich nicht von Flot selbst getan]
War es hilfreich?

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.)

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top