2016-11-18 1 views
1

morris 차트를 동적으로 채우려는 경우 문제가 있습니다.ASP.NET MVC에서 모리스 차트 채우기

이는 JSON 문자열입니다 : 다음

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

자바 스크립트에서 나는이 수행

enter image description here

:

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

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

을하지만 차트로드,이 이미지를 얻을 때

내가 뭘 잘못하고 있는거야?

+0

콘솔에 오류가 있습니까? –

+0

@ Alexandru-IonutMihai No. – perozzo

+0

'data : model'을'data : [{ "Name": "Paul Walker", "ExamQuantity": 35}, { "Name": "Vin Diesel", "ExamQuantity" : 1}]' –

답변

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 객체를집니다.

+0

팁 주셔서 대단히 감사합니다. var model = @ Html.Raw (Json.Serialize (ViewBag.TeacherExams));를 제거하고 이것을 추가했습니다 : var info = JSON.parse ('@ Html.Raw (ViewBag.TeacherExams)');'. 그리고 그것은 효과가있었습니다 !!! – perozzo

+0

반갑습니다. 잘 했어 ! . –