2012-12-05 1 views
8

Ich versuche, die flicht Beispiele zu kombinieren:Flotgraph Serie Ein/Aus, schweben, Zoom/Pan und Tracking

in einem Diagramm. Dank vieler Antworten aus diesem Forum kann ich Wende-Serien kombinieren und navigieren; Vorschau: http://www.tryit.sg/flotmaster/example/ajax.php, aber ich kann nicht Tracking hinzufügen ...

Es scheint wie, wenn ich die "Etiketten" bearbeiten, zeigt die Flot-Grafik nichts, weil die Etiketten nicht übereinstimmen. Gibt es einen Trick/Hack, so dass ich eine x-Achse haben kann, die den Wert dieser Plots in der Legende zeigt?

Ich schaffte es tatsächlich, das Tracking hinzuzufügen, aber jetzt kann ich nicht mehrere Achsen hinzufügen, kann mir jeder eine Idee geben, wie?

+0

Ihr Beispiel Link eine Menge von 404 Fehlern führt. – Mark

+0

Oh mein Schlechter, ich kann mehr als 1 Verbindung aufgrund meines Rufs als neuer Benutzer nicht veröffentlichen. Also habe ich den Link zu dem Beispiel reserviert, das ich gerade habe. – user1878466

Antwort

1

Tutorial: Flot – How to Create Charts with Multiple Axes bricht alle anderen Komponenten zusammen; Es ist sehr detailliert und sollte Ihnen helfen, Ihr Problem zu lösen. Hier ist das relevante Code-Snippet aus dem Beispiel, wie man mehrere Achsen erreichen kann.

yaxes: [ 
     { 
      tickFormatter: function (val, axis) { 
       return val + "mm"; 
      }, 
      max: 65, 
      axisLabel: "Rainfall", 
      axisLabelUseCanvas: true, 
      axisLabelFontSizePixels: 12, 
      axisLabelFontFamily: "Verdana, Arial, Helvetica, Tahoma, sans-serif", 
      axisLabelPadding: 5 
     }, 
     { 
      position: 0, 
      tickFormatter: function (val, axis) { 
       return val + "\u00B0C"; 
      }, 
      max: 40, 
      axisLabel: "Temperature", 
      axisLabelUseCanvas: true, 
      axisLabelFontSizePixels: 12, 
      axisLabelFontFamily: "Verdana, Arial, Helvetica, Tahoma, sans-serif", 
      axisLabelPadding: 5 
     } 
    ], 

Hier ist ein weiteres Beispiel: http://people.iola.dk/olau/flot/examples/multiple-axes.html

Sie weitere Beispiele durch die Suche um mit good ol‘Google finden: https://www.google.com/search?q=flot+multiple+axes