javascript - 将数据从模型加载到折线图

Question

我有一个网页的视图。此网页包含一个从模型加载数据的折线图。我的前辈建议使用“var myJSON = JSON.stringify(@Html.Raw(Json.Encode(Model)));” 从模型中传递值，但我不知道如何获取所需的数据，因为模型有很多数据字段。

模型代码：

namespace CORE.Views
{
    public class V_ReportTransaction : BusinessObject
    {
        public double TotalAmount { get; set; }
        public int OrgId { get; set; }
        public string TimeCheck { get; set; }
        public string Service { get; set; }

    }
}

查看代码：

@using CORE.Helpers;
@model List<CORE.Views.V_ReportTransaction>


<div class="chart-container" style="position: relative; margin: auto">
    <canvas id="chart"></canvas>
</div>


<script>

    var myJSON = JSON.stringify(@Html.Raw(Json.Encode(Model)));


    var RevenueCanvas = document.getElementById("chart");

Chart.defaults.global.defaultFontFamily = "Lato";
Chart.defaults.global.defaultFontSize = 18;

var RevenueData = {
  labels: [], //TimeCheck field 
  datasets: [{
    label: "Total Revenue",
    data: [], //totalAmount field
  }]
};

var chartOptions = {
  legend: {
    display: true,
    position: 'top',
    labels: {
      boxWidth: 80,
      fontColor: 'black'
    }
  }
};

    var lineChart = new Chart(RevenueCanvas, {
  type: 'line',
    data: RevenueData,
  options: chartOptions
});
</script>