如何通过一项操作一次显示图表和列表？

Question

我正在尝试使用视图模型同时显示图表和列表。

我刚刚发现了如何使用Google图表。在控制器的末尾，他们使用return jason（）;。我很困惑。我只熟悉返回视图。

-//控制器

namespace web22.Controllers
{
    public class MypageController : Controller
    {
        public IActionResult Index()
        {
            using (var db = new Web22DbContext())
            {

                DateTime today = DateTime.Now.Date;
                DateTime first_day = today.AddDays(1 - today.Day);
                DateTime last_day = today.AddMonths(1).AddDays(0 - today.Day);

                ViewBag.Sdate = first_day.ToString("MM/dd/yyyy");
                ViewBag.Edate = last_day.ToString("MM/dd/yyyy");

                var list1 = db.TblModel.Where(x => x.code == UserNo && (x.date >= first_day && x.date <= last_day))
                    .GroupBy(y => y.itemname)
                    .Select(group => new tblViewModel
                    {
                        item2 = group.Key,
                        Qty2 = group.Sum(x => x.qty)
                    })
                    .ToList();
                ViewBag.list1 = list1;

                return View();

--//view
<table class="table table-sm table-bordered">
    <thead class="thead-light">
        <tr>
            <th>item</th>
            <th>Qty</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var mypage in ViewBag.list1)
        {
            <tr>
                <td>@mypage.item2</td>
                <td>@mypage.Qty2</td>

            </tr>
        }
    </tbody>
</table>

我想使用免费图表（例如Google图表...）将包含viewmodel数据的图表放在一个视图页面中

问题1）我可以使用任何推荐的页面吗？

问题2）仅显示图表。如何使用视图模型显示图表和列表（表）？我只知道如何与杰森合作。