Передача JSon с помощью JsonResult не работает должным образом

Question

Я пытаюсь создать таблицу пирога с использованием JsonResult и Chart.js

Вот мой код, который я пытаюсь

$.ajax({ 
       type: "POST", 
       url: "/User/Pie/", 
       data: { 'campaignID': 5 }, 
       success: function (data) { 
        pieData = data;    
        new Chart(document.getElementById("pie").getContext("2d")).Pie(pieData); 
       }, 
       error: function (data) { 
        alert("Error:" + JSON.stringify(data)); 
       } 
      }); 

Контроллер

[HttpPost] 
     public JsonResult Pie(string campaignID) 
     { 
      try 
      { 
       return Json("[{ value: 40, color: \"#000000\"},{value: 60,color: \"#01dfde\"},{value: 60,color: \"#01dfde\"}]", JsonRequestBehavior.AllowGet); 
      } 
      catch(Exception ex) 
      { 
       return null; 
      } 
     } 

Что не работает. Я получаю Json от контроллера успешно, но диаграмма не видна.

Если я ставлю JSon в pieData статике, он работает все хорошо

pieData = [{ value: 40, color: \"#000000\"},{value: 60,color: \"#01dfde\"},{value: 60,color: \"#01dfde\"}]; 

Я также попытался JSON.parse

Answer 1

Вы должны пройти C# массив Json метода, он преобразует его в формат JSON само по себе:

var pieData= new[] 
      { 
       new { value = 40, color = "#000000" }, 
       new { value = 60, color="#01dfde"}, 
       new { value=60, color = "#01dfde"} 
       }; 
return Json(pieData, JsonRequestBehavior.AllowGet);