如何使用C#函数不断更新y轴以更新ASP.NET核心Chart.js应用程序Razor页面中的实时(流) Web图表

<canvas id="myChart" width="400" height="400"></canvas>

function updateChart(data) {
  var ctx = document.getElementById('myChart').getContext('2d');
  var chart = new Chart(ctx, {
    type: 'line',
    data: {
      labels: data.labels,
      datasets: [{
        label: 'Real-time Data',
        data: data.values,
        backgroundColor: 'rgba(0, 123, 255, 0.5)',
        borderColor: 'rgba(0, 123, 255, 1)',
        borderWidth: 1
      }]
    },
    options: {
      responsive: true,
      scales: {
        y: {
          beginAtZero: true
        }
      }
    }
  });
}

// 定义一个Hub类，用于处理客户端和服务器之间的实时通信
public class ChartHub : Hub
{
    // 创建一个方法，用于从服务器向客户端发送数据更新
    public async Task SendDataUpdate(List<string> labels, List<int> values)
    {
        var data = new { labels, values };
        await Clients.All.SendAsync("ReceiveDataUpdate", data);
    }
}

public class Startup
{
    public void ConfigureServices(IServiceCollection services)
    {
        // 添加SignalR服务
        services.AddSignalR();
    }

    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        // 配置SignalR端点
        app.UseEndpoints(endpoints =>
        {
            endpoints.MapHub<ChartHub>("/chartHub");
        });

        // 配置其他中间件和路由
        // ...
    }
}

var connection = new signalR.HubConnectionBuilder()
  .withUrl('/chartHub')
  .build();

connection.on('ReceiveDataUpdate', function (data) {
  updateChart(data);
});

connection.start()
  .then(function () {
    console.log('Connected to ChartHub');
  })
  .catch(function (err) {
    console.error(err.toString());
  });

public class ChartController : Controller
{
    private readonly IHubContext<ChartHub> _chartHub;

    public ChartController(IHubContext<ChartHub> chartHub)
    {
        _chartHub = chartHub;
    }

    public async Task<IActionResult> UpdateChart()
    {
        List<string> labels = new List<string> { "Label 1", "Label 2", "Label 3" };
        List<int> values = new List<int> { 10, 20, 30 };

        await _chartHub.Clients.All.SendDataUpdate(labels, values);

        return Ok();
    }
}