2017-06-15 82 views
0

我正在嘗試構建一個簡單的基於Ajax的餅圖,但我感覺還是錯誤的結局。即使我試圖在這個社區中被別人吸引也沒有成功。即使ajax返回正確的輸入,jqPlot也不會顯示ajax數據

我的代碼:

  $(document).ready(function(){ 

       var ajaxDataRenderer = function(url, plot) { 
        var ret = null; 
        console.log(url); 
        console.log(plot); 
        $.ajax({ 
         async: false, 
         url: url, 
         dataType:'json', 
         success: function(data) { 
          ret = data; 
          console.log(data); 
          console.warn(data); 
          console.log(ret); 
         } 
        }); 
        return ret; 
       }; 

       var jsonurl = "sub/auditLogStatusesForGraph_json.dsp"; 

       plo12 = $.jqplot('chartdiv', jsonurl,{ 
        title: 'AJAX JSON Data Renderer', 
        dataRenderer: ajaxDataRenderer, 
        seriesDefaults: { 
         renderer: $.jqplot.PieRenderer, 
         rendererOptions: { 
          showDataLabels: true 
         } 
        }, 
        legend: { show: true, location: 'e' } 

       }); 

      }); 

的jsonurl返回

[[['INFO',21451],['ALERT',13201],['ERROR',89],['SYSTEM',30],['0',1]]] 

但仍然得到錯誤:

Error: No data specified jquery.jqplot.min.js:4:14135

正如你可以看到我已經試着調試管道到控制檯,但看起來「成功」部分根本不適用。即使我試圖改變它「完成」。

任何想法我在那裏有錯?

非常感謝您提前。

回答

0

把下面的代碼中你success: function(data)

plo12 = $.jqplot('chartdiv', jsonurl,{ 
        title: 'AJAX JSON Data Renderer', 
        dataRenderer: ajaxDataRenderer, 
        seriesDefaults: { 
         renderer: $.jqplot.PieRenderer, 
         rendererOptions: { 
          showDataLabels: true 
         } 
        }, 
        legend: { show: true, location: 'e' } 

       }); 
相關問題