2012-12-05 17 views
8

sto cercando di coniugare gli esempi Flot:serie Flotgraph on/off, hover, zoom/pan e il monitoraggio

in un grafico. Grazie a molte risposte di questo forum, sono in grado di combinare serie di torniture e navigare; Anteprima: http://www.tryit.sg/flotmaster/example/ajax.php, ma non posso sembra aggiungere il monitoraggio ...

Sembra che, se i Modificare il 'etichette', il grafico flot non mostra nulla, perché le etichette non corrispondono. C'è un trucco/hack quindi potrò avere un asse x che mostri il valore di quei grafici nella legenda?

In realtà sono riuscito ad aggiungere il tracciamento, ma ora non riesco ad aggiungere più assi, chiunque può darmi un'idea di come?

+0

Il vostro esempio collegamento getta un sacco di errori 404. – Mark

+0

Oh mio male, non posso pubblicare più di 1 collegamento a causa della mia reputazione di nuovo utente. Quindi ho riservato il link all'esempio che attualmente ho. – user1878466

risposta

1

Tutorial: Flot – How to Create Charts with Multiple Axes rompe tutti gli altri componenti; è molto dettagliato e dovrebbe aiutarti a risolvere il tuo problema. Ecco lo snippet di codice pertinente dell'esempio su come eseguire più assi.

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 
     } 
    ], 

Ecco un altro esempio: http://people.iola.dk/olau/flot/examples/multiple-axes.html

Puoi trovare altri esempi da cercare in giro con il buon vecchio' Google: https://www.google.com/search?q=flot+multiple+axes