Question

我正在创建一个谷歌图表，我现在看起来好像我希望它有大量的线条/条和多个轴等等，现在我想在其中包含动态数据。

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

尝试以下

{{1}}

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

在Javascript里面的Razor foreach循环

2 个答案: