2016-07-21 15 views
1

Ich versuche, Diagramme mit Jqplot aus JSON-Format zu erstellen.Json zu jqplot Diagramm

datei.txt enthält:

[[["2008-09-30 4:00PM",15],["2008-10-30 4:00PM",8],["2008-11-30 4:00PM",17],["2008-12-30 4:00PM",10]]] 

in jqplot:

<script class="code" type="text/javascript"> 
$(document).ready(function(){ 
    // Our ajax data renderer which here retrieves a text file. 
    // it could contact any source and pull data, however. 
    // The options argument isn't used in this renderer. 
    var ajaxDataRenderer = function(url, plot, options) { 
    var ret = null; 
    $.ajax({ 
     // have to use synchronous here, else the function 
     // will return before the data is fetched 
     async: false, 
     url: url, 
     dataType:"json", 
     success: function(data) { 
     ret = data; 
     }, error:function (xhr, ajaxOptions, thrownError){ 
     alert(xhr.responseText);} 
    }); 
    return ret; 
    }; 

    // The url for our json data 
    var jsonurl = "file.txt"; 

    // passing in the url string as the jqPlot data argument is a handy 
    // shortcut for our renderer. You could also have used the 
    // "dataRendererOptions" option to pass in the url. 
    var plot2 = $.jqplot('chart2', jsonurl,{ 
    title: "AJAX JSON Data Renderer", 
    dataRenderer: ajaxDataRenderer, 
    dataRendererOptions: { 
     unusedOptionalUrl: jsonurl 
    } 

    }); 
}); 
</script> 

, wenn ich diesen Code ausführen bekam ich ein leeres Diagramm wie folgt aus: enter image description here

haw kann ich dieses Problem beheben ? und wie definieren wir Achse x = Datum und y = Wert?

Antwort

0

Es scheint, dass die Daten nicht zum Plot "ankommen".

Ich nehme an, Sie sind auf einem Linux \ UNIX-basierten Server: Ändern "file.txt" zu "./file.txt" zu correctly access die Datei im aktuellen Ordner.

Informationen zum Rendern des x-axis mit Datums-Renderer finden Sie unter this post.

Verwandte Themen