Using ChartJS in ASP.Net Core MVC using ViewComponent

Refer below code.

[ViewComponent(Name = "chartjs")]
public class ChartViewComponent : ViewComponent
{
    public IViewComponentResult Invoke()
    {
        // Get DataTable from Database.
        DataTable dt = new DataTable();
        dt.Columns.Add("Year", typeof(int));
        dt.Columns.Add("Vote", typeof(int));
        dt.Rows.Add(2017, 12);
        dt.Rows.Add(2018, 19);
        dt.Rows.Add(2019, 3);
        dt.Rows.Add(2020, 5);
        dt.Rows.Add(2021, 2);
        dt.Rows.Add(2022, 3);
        dt.Rows.Add(2023, 38);

        int[] labels = dt.AsEnumerable().Select(r => r.Field<int>("Year")).ToArray();
        int[] votes = dt.AsEnumerable().Select(r => r.Field<int>("Vote")).ToArray();
        var chartData = @"
        {
            type: 'bar',
            responsive: true,
            data:
            {
                labels: [" + string.Join(",", labels) + "],";
        chartData += @"datasets: [{
                    label: '# of Votes',
                    data: [" + string.Join(",", votes) + "],";
        chartData += @"backgroundColor: [
                        'rgba(255, 99, 132, 0.2)',
                        'rgba(255, 159, 64, 0.2)',
                        'rgba(255, 205, 86, 0.2)',
                        'rgba(75, 192, 192, 0.2)',
                        'rgba(54, 162, 235, 0.2)',
                        'rgba(153, 102, 255, 0.2)',
                        'rgba(201, 203, 207, 0.2)'
                    ],
                    borderColor: [
                        'rgb(255, 99, 132)',
                        'rgb(255, 159, 64)',
                        'rgb(255, 205, 86)',
                        'rgb(75, 192, 192)',
                        'rgb(54, 162, 235)',
                        'rgb(153, 102, 255)',
                        'rgb(201, 203, 207)'
                    ],
                    borderWidth: 1
                }]
            },
            options:
            {
                scales:
                {
                    yAxes: [{
                        ticks:
                        {
                            beginAtZero: true
                        }
                    }]
                }
            }
        }";

        var chart = JsonConvert.DeserializeObject<ChartJs>(chartData);
        var chartModel = new ChartJsViewModel
        {
            Chart = chart,
            ChartJson = JsonConvert.SerializeObject(chart, new JsonSerializerSettings
            {
                NullValueHandling = NullValueHandling.Ignore
            })
        };

        return View(chartModel);
    }
}

dharmendr says:

labels: [" + string.Join(",", labels) + "],";

This line you need to change aswell for string value.

Single quote need to appended for each value.

labels: ['" + string.Join("','", labels) + "'],";