ASP.NET MVCにモリスチャートを設定する

Question

モリスチャートを動的に設定しようとすると問題が発生します。

これは、JSON文字列です：次に

[{"Name":"Paul Walker","ExamQuantity":35},{"Name":"Vin Diesel","ExamQuantity":1}] 

JavaScriptで私はこれを実行します。

：

var model = @Html.Raw(Json.Serialize(ViewBag.TeacherExams)); 

     new Morris.Bar({ 
     element: 'chartTeacherExams', 
     data: model, 
     xkey: 'Name', 
     ykeys: ['ExamQuantity'], 
     labels: ['Quantidade'] 
    }); 

をしかし、チャートの負荷が、私はこの画像を取得するとき

私が間違っていることは何ですか？

Answer 1

json配列を使用してdata:modelを変更してみてください。

場合によっては、data:[{"Name":"Paul Walker","ExamQuantity":35},{"Name":"Vin Diesel","ExamQuantity":1}]を使用します.ArrayはすでにJSON形式です。

間違いは、この行である：

Json.Serializevar model = @Html.Raw(Json.Serialize(ViewBag.TeacherExams));は、JSON文字列にJSONオブジェクトをオンにします。