Javascript ASP.NET核心剃须刀页面-获取列表数据以显示在Chart.js图形上

Javascript ASP.NET核心剃须刀页面-获取列表数据以显示在Chart.js图形上,javascript,c#,chart.js,razor-pages,asp.net-core-3.1,Javascript,C#,Chart.js,Razor Pages,Asp.net Core 3.1,我有一个已填充的列表(lstObjects),我正在尝试将该数据显示在我的Chartist.js图表上。在调试模式下悬停lstObjects时,我可以看到列表的计数和对象类型 在我当前拥有的标记中: var chartOptions = { showLines: true, responsive: true, maintainAspectRatio: false, legend: { display: false },

我有一个已填充的列表(lstObjects),我正在尝试将该数据显示在我的Chartist.js图表上。在调试模式下悬停lstObjects时,我可以看到列表的计数和对象类型

在我当前拥有的
标记中:

    var chartOptions = {
    showLines: true,
    responsive: true,
    maintainAspectRatio: false,
    legend: {
        display: false
    },
        tooltips: {
        displayColors: false
    },
    scales: {

        xAxes: [{
            display: true,
            ticks: {
                fontColor: 'black',
                padding: 20

            },
            gridLines: {
                borderDash: [1, 5],
                tickMarkLength: 0,
                zeroLineBorderDash: [1, 5],
                drawBorder: false,
                padding: 5
            }
        }],
        yAxes: [{
            display: true,
            ticks: {
                fontColor: 'black',
                padding: 20
            },
            gridLines: {
                color: 'rgba(85, 85, 85, 0.5)',
                borderDash: [1, 5],
                tickMarkLength: 0,
                zeroLineBorderDash: [1, 5],
                drawBorder: false,
                padding: 5
            }
        }]
    }
};

// Total Transactions Chart
var achChart = new Chart(document.getElementById('myChart').getContext('2d'), {
    // The type of chart we want to create
    type: 'line',

    // The data for our dataset
    data: {
        labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
        datasets: [{
            label: '',
            lineTension: 0,
            fill: false,
            backgroundColor: 'rgb(25, 255, 102)',
            borderColor: 'rgba(25, 255, 102, 0.4)',
            borderWidth: 5,
            data: [0, 600, 200, 450, 800, 900, 550, 700, 800, 600]

        }]
    },
    options: chartOptions,

});
我想让数据执行如下操作:

 labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
 data: [100, 120, 180, 200, 300, 155, 220, 430, 275, 350, 120, 450]
我知道我需要将列表项转换为字符串,并尝试加入我的SubmitDate,但无法使其工作

var submitDate=string.Join(“,”,@Model.lstObjects.Select(x=>x.RecordMonth.ToList())


有人对我如何完成这项工作有什么建议吗?

我可以使用逗号上的
@Html.Raw
字符串.Join
来完成这项工作。我还在月份字符串周围添加了记号,如
'Jan'

下面是我所做的一个例子

data: {
      labels: [@Html.Raw("'" + String.Join("','", (Model.lstObjects.Select(x => x.RecordMonth).ToList())) + "'")],

我能够使用逗号上的
@Html.Raw
字符串.Join
实现这一点。我还在月份字符串周围添加了记号,如
'Jan'

下面是我所做的一个例子

data: {
      labels: [@Html.Raw("'" + String.Join("','", (Model.lstObjects.Select(x => x.RecordMonth).ToList())) + "'")],