Ad esempio per caricare jqplot con più serie, dati basati sulla data dal file json

Question

State cercando e non riesco a trovare esattamente quello che sto cercando. È necessario caricare più serie in un jqplot, con ogni serie proveniente dal proprio file di dati.

L'esempio qui http://www.jqplot.com/tests/data-renderers.php mostra come caricare una serie da un file, ma quando converto il file per avere dati di data, quindi smette di funzionare, probabilmente solo un problema di formattazione, ma non può risolvere. Che cosa sto facendo di sbagliato?

Ecco i dati nel file txt: [["7/11/2011 04:00:00 am", 85,0], ["7/12/2011 04:00:00 AM", 87,4], [ "2011/07/13 04:00:00", 90,0]]

Ecco il codice:

<script class="code" type="text/javascript">$(document).ready(function(){ 
    var line = [ ]; 
var ajaxDataRenderer = function(url, plot) { 
    var ret = null; 
    $.ajax({ 
     // have to use synchronous here, else returns before data is fetched 
     async: false, 
     url: url, 
     dataType:'json', 
     success: function(data) { 
      ret = data; 
     } 
    }); 
    return ret; 
}; 

var jsonurl = "./jsondata1.txt"; 

plo12 = $.jqplot('chart2', jsonurl,{ 
    title: 'AJAX JSON Data Renderer', 
    dataRenderer: ajaxDataRenderer, 
    axes: { 
     xaxis: { 
      renderer:$.jqplot.DateAxisRenderer, 
      tickInterval: '1 day', 
      tickOptions:{formatString:'%y/%m/%d'} 
     } 
    } 
}); 
});</script> 

Answer 1

è possibile utilizzare il parametro dataRendererOptions di dichiarare eventuali file, in questo modo:

plo12 = $.jqplot('chart2', jsonurl,{ 
    title: 'AJAX JSON Data Renderer', 
    dataRenderer: ajaxDataRenderer, 
    dataRendererOptions: {file1:'name_of_file_1', file2:'name_of_file2'} 
    axes: { 
     xaxis: { 

Prossimo uso per-ciascuno per iterare attraverso il dataRendererOptions - Ob ject:

var ajaxDataRenderer = function(url, plot,op) { 
    var ret = null; 
$.each(op,function(i,n) { 
    $.ajax({ 
     // have to use synchronous here, else returns before data is fetched 
     async: false, 
     url: url+'/'+i, 
     dataType:'json', 
     success: function(data) { 
      ret[]= data; 
     } 
    }); //end ajax 
});//end each 
return ret; 
} 

Questo codice non è testet, ma l'idea alla base potrebbe soddisfare le vostre esigenze.