dataRender in jqPlot AJAXリクエストからのASP.NET

Question

AJAXリクエストからjqPlot棒グラフをレンダリングしようとしていますが、動作させることができません。

私は、次のJavaScriptコードを持っている：

var ajaxDataRenderer = function (url, plot) { 
    var ret = null; 
    $.ajax({ 
     // have to use synchronous here, else returns before data is fetched 
     async: false, 
     url: url, 
     contentType: "application/json; charset=utf-8", 
     dataType: 'json', 
     success: function (data) { 
     ret = data; 
     } 
    }); 
    return ret; 
}; 

var jsonurl = "WebService1.asmx/HelloWorld"; 

plo12 = $.jqplot('chart2', jsonurl, { 
    title: 'AJAX JSON Data Renderer', 
    dataRenderer: ajaxDataRenderer, 
    seriesDefaults: { 
     renderer: $.jqplot.BarRenderer, 
     rendererOptions: { 
     // Put a 30 pixel margin between bars. 
     barMargin: 30, 
     // Highlight bars when mouse button pressed. 
     // Disables default highlighting on mouse over. 
     highlightMouseDown: true 
     }, 
     pointLabels: { show: true } 
    }, 
    axes: { 
     xaxis: { 
     renderer: $.jqplot.CategoryAxisRenderer 
     }, 
     yaxis: { 
     // Don't pad out the bottom of the data range. By default, 
     // axes scaled as if data extended 10% above and below the 
     // actual range to prevent data points right on grid boundaries. 
     // Don't want to do that here. 
     padMin: 0 
     } 
    }, 
    legend: { 
     show: true, 
     location: 'e', 
     placement: 'outside' 
    } 
}); 

そして、私のWebService1.asmxは次のようになります。

[WebService(Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 

[System.ComponentModel.ToolboxItem(false)] 
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
[System.Web.Script.Services.ScriptService] 
public class WebService1 : System.Web.Services.WebService { 

    [WebMethod] 
    [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)] 
    public string HelloWorld() 
    { 
     return "[[2],[7],[14]]"; 
    } 
} 

私はthisソリューションを見てきましたが、私はこれに新しいですし、私は理解できません私の問題は何か

Answer 1

私はGWT経由でこのJQplotライブラリを使用しています。 jquery.jqplot、barレンダリングなどの.JSファイルがロードされていることを確認してください。これがうまくいくと思います。すでにチェックしていると間違っているかもしれません。

Answer 2

ソリューションへのリンクには、jsonurl文字列の前に/があることにご注意ください。これも同様です。

これは、たとえば、firebugコンソールで送信しているリクエストのURLを調べることでも表示される場合があります。

それ以外の場合、メソッドが何かを返すか再度確認できますか？グラフを表示せずに実行するだけで、コンソールに出力された内容が出力されます。

それ以外は、jsコードに問題はありません。あなたはRET = [データ]

jqPlotを設定して試すことができます

Answer 3

は、アレイ形式のオブジェクトはチャートを描画するために期待しています。

ありがとうございました