带有来自 ViewBag 的动态数据的 Morris.js Donut

Question

有一些关于 Viewbag(MVC) 和 morris.js 的问题。我从这里找到了一些信息，但没有一个有效。这就是我决定发布此内容的原因。

我有一个ViewBag.ServicesData 变量存储数据如下（便于阅读的表格）

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

但我想将此数据填充到 morris.js donut 图表中。如果我对其进行硬编码，代码将类似于：

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}
  ]
});

我的问题现在来了，我不知道如何将 viewbag 数据存储到 data: [] 可以接受并成功显示圆环图的数组中？提前致谢。

已编辑：最后，当我尝试不同的实施方式时，我想出了 ANSWER

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

Answer 1

最后，当我尝试不同的实施方式时，我想出了答案

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