在ASP.NET MVC中填充morris圖表

Question

我在嘗試動態填充morris圖表時出現問題。

這是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格式。

錯就錯在這條線：var model = @Html.Raw(Json.Serialize(ViewBag.TeacherExams));

Json.Serialize變成JSON對象JSON字符串。