在列表c# MVC剃须刀中显示图形foreach元素

   List<string> items = new List<string>() { "元素1", "元素2", "元素3" };

   return View(items);

   @foreach (var item in Model)

   {

       <div id="@item" style="width: 300px; height: 200px;"></div>

   }

   @foreach (var item in Model)

   {

       <text>

       var ctx = document.getElementById('@item').getContext('2d');

       var chart = new Chart(ctx, {

           type: 'bar',

           data: {

               labels: ['数据1', '数据2', '数据3'],

               datasets: [{

                   label: '@item',

                   data: [10, 20, 30],

                   backgroundColor: 'rgba(75, 192, 192, 0.2)',

                   borderColor: 'rgba(75, 192, 192, 1)',

                   borderWidth: 1

               }]

           },

           options: {

               responsive: true,

               scales: {

                   y: {

                       beginAtZero: true

                   }

               }

           }

       });

       </text>

   }