JavaScript中的Razor foreach循环

Question

我正在创建一个Google图表，现在使它看起来像它想要的那样，它具有大量的线/条和多个轴，依此类推，现在我想在其中包含动态数据。

function drawVisualization()
{
    // Some raw data (not necessarily accurate)
    var data = google.visualization.arrayToDataTable([

        ['Day', 'KG', 'Average', 'peak'],

        ['1', 22000, 70, 90],

        ['2', 21000, 80, 87],

        ['3', 19000, 75, 79],

        ['4', 25000, 60, 88],

        ['5', 24000, 90, 95]
 ]);

因此，从现在开始，这就是将数据发送到图表的方式，其中hAxis为1,2,3,4,5，vAxis为其余。

但是我认为我可以在这里使用foreach并做类似的事情来返回数据：

@foreach (var c in db.Query(getWorkout))
{
    ['1', @c.kg, @c.rep, @c.sett];
}

foreach实际上在没有代码的情况下仍然有效，所以我猜错误都是由['1', @c.kg, @c.rep, @c.sett]; 这个。

任何人都知道该怎么做？ 非常感谢！

Answer 1

尝试跟随

@foreach (var c in db.Query(getWorkout))
{
    <text>['1', @c.kg, @c.rep, @c.sett],</text>
}

Answer 2

我认为应该可以

首先用JavaScript创建一个数组

var dbData = [['Day', 'KG', 'Average', 'peak']];

然后使用razor @foreach追加数据

@foreach (var c in db.Query(getWorkout))
{
  dbData.push(['1', @c.kg, @c.rep, @c.sett]);
}

然后

var data = google.visualization.arrayToDataTable(dbData);