Webサービスを介してKendoUIチャートをリモートデータベースにバインドするのに問題があります。
これが私のコードです:
$("#chart").kendoChart({
theme: $(document).data("kendoSkin") || "default",
dataSource: {
transport: {
read: {
url: "/WebServices/WebFunctions.asmx/RetrieveProjectCountByBMP",
dataType: "json"
}
},
schema: {
model: {
fields: {
Code: { type: "string" },
Count: { type: "number" }
}
}
},
sort: {
field: "Code",
dir: "asc"
}
},
title: {
text: "Project Count by BMP"
},
seriesDefaults: {
type: "column"
},
series: [{
field: "Count",
name: "Project Count"
}],
categoryAxis: {
field: "Code"
},
tooltip: {
visible: true,
format: "{0:N0}"
}
});
Webサービスコードは次のとおりです。
<WebMethod(EnableSession:=True)> _
Public Function RetrieveProjectCountByBMP() As Object
Dim returnData = (From p As Project In Project.RetrieveAll() _
Join cs As ClaimScope In ClaimScope.RetrieveAll() On p.ProjectId Equals cs.ProjectId _
Join b As BMP In BMP.RetrieveAll On cs.BMPId Equals b.BMPId _
Where (p.ProjectMilestoneId = 17 Or p.ProjectMilestoneId = 18 Or p.ProjectMilestoneId = 19) _
And p.FiscalyearId = 5 _
Select b.Code, p.ProjectId).GroupBy( _
Function(bmpCode) bmpCode.Code _
, Function(proj) proj.ProjectId _
, Function(bmpCode, projects) New With {.Code = bmpCode, .Count = projects.Count()})
Dim serializedReturnData As JavaScriptSerializer = New JavaScriptSerializer(returnData)
Return serializedReturnData.Serialize(serializedReturnData)
Return serializedReturnData
End Function
Webサービスが完全なデータセットを返すことを確認しました。問題は、コードを実行すると、グラフにデータが入力されないことです。エラーメッセージはなく、イベントログにイベントは発生しません。
私が見つけることができる唯一の問題は、Webサービスが次のように末尾に引用符を付けてデータを返すことです。
"[{"Code ":" 1301 "、" Count ":239}、{" Code ":" 1401 "、" Count ":178}、{" Code ":" 1001 "、" Count ":33}] 「」
Webサービスから返されたデータを.jsonファイルにコピーし、それにチャートをバインドすると、正常に機能します。ただし、それを機能させるには、先頭と末尾の引用符を削除する必要があります。
Webサービスでデータを適切なJSON形式で返すにはどうすればよいですか?
ありがとう。