Morris.js Donut mit dynamischen Daten aus ViewBag

Question

hat einige Fragen in Bezug auf über Viewbag (MVC) & morris.js. Ich habe einige Informationen von hier gefunden, aber keine von ihnen funktioniert. Deshalb beschließe ich, dies zu veröffentlichen.

Ich habe ein ViewBag.ServicesData Variable gespeicherten Daten, wie unten (Tabelle für eine einfache Lesung)

Service Count 
---------------- 
Color  1 
Cut  6 
Massage 2 
Perm  2 
Spa  2 

Aber ich mag diese Daten in ein morris.js Diagramm Donut füllen. Wenn ich es hart codiert, wird der Code wie:

Morris.Donut({ 
    element: 'donut-example', 
    data: [ 
    {label: "Color", value: 1}, 
    {label: "Cut", value: 6}, 
    {label: "Massage", value: 2}, 
    {label: "Perm", value: 2}, 
    {label: "Spa", value: 2} 
    ] 
}); 

mein Problem jetzt kommt, ich habe keine Ahnung, wie ich die viewbag Daten in ein Array gespeichert sind, können, dass die data: [] annehmen und erfolgreich die Ringdiagramme zeigen ? Danke im Voraus.

EDITED: Schließlich herauszufinden ich die ANTWORT wenn ich verschiedene Art und Weise der Umsetzung

Morris.Donut({ 
    element: 'donut-example', 
    data: [ 
    @foreach(var item in ViewBag.ServicesData) 
    { 
     @:{ label: "@item.service", value: "@item.count" }, 
    } 
    ] 
}); 

Answer 1

Schließlich versucht wurde, ich die Antwort herauszufinden, wenn ich verschiedene Art und Weise versuche

die Umsetzung

Morris.Donut({ 
    element: 'donut-example', 
    data: [ 
    @foreach(var item in ViewBag.ServicesData) 
    { 
     @:{ label: "@item.service", value: "@item.count" }, 
    } 
    ] 
});