在 ASP.NET 中插入一个 Javascript 图表到一个分组表中，每个组的唯一图表

如何解决在 ASP.NET 中插入一个 Javascript 图表到一个分组表中，每个组的唯一图表

我有一个使用 EF Core 的 ASP.NET Web 应用程序和一个跟踪项目和投标的 sql 后端。我使用“列表”模板创建了一个剃刀页面，该模板使用 foreach 语句生成一个表。我将其修改为按项目编号分组，以便表格显示按项目分组的各个投标。

这是创建表体的代码：

    @foreach (var grp in Model.Bids.GroupBy(m => new { m.NumberNavigation.Number,m.NumberNavigation.Name }))
    {
        <tr class="thead-light"><td colspan="2"><span class="h3">@grp.Key.Number - @grp.Key.Name</span></td></tr>

        {@foreach (var item in grp)
            {
                <tr>
                    <td>$ @Html.displayFor(modelItem => item.Bid)</td>
                    <td>@Html.displayFor(modelItem => item.ContractorNavigation.ContractorName)</td>
                    <td>@Html.displayFor(modelItem => item.NumberNavigation.StatusNavigation.StatusName)</td>
                </tr>
            }
        }
}
</tbody>

我刚开始使用 chart.js，希望在表格中包含每个组的出价金额图表。我可以使用所有出价获得一个图表来显示，但这不是很有帮助。有没有办法在每个组中嵌入一些东西来创建一个 javascript 数组，我可以用它来填充图表并在每个项目组的表中显示？下图显示了表格以及我想在何处添加包含图表的行。