在ASP.NET MVC中填充morris图表

时间:2016-11-18 12:24:34

标签: javascript jquery asp.net asp.net-mvc

我在尝试动态填充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']
   });

但是当图表加载时,我会得到这张图片:

enter image description here

任何想法我做错了什么?

1 个答案:

答案 0 :(得分:1)

请尝试使用json数组更改data:model

在您的情况下,请使用:data:[{"Name":"Paul Walker","ExamQuantity":35},{"Name":"Vin Diesel","ExamQuantity":1}]。数组已经是JSON格式。

错误在于这一行:var model = @Html.Raw(Json.Serialize(ViewBag.TeacherExams));

Json.Serialize将JSON对象转换为JSON字符串。