C# 如何使用条形图mvc改变前7天和后7天？

我将在m项目中创建一个图表模块。我还将成功创建图表模块。我现在正在使用charts.min.js创建条形图。我正在按日期显示最后7天的数据。但现在我想更改逻辑，我们需要将前几天和后几天更改为7天。我在图表中添加了pre和next的“添加到”按钮。但现在我不知道该怎么做，点击按钮

这是我在sql server中的查询=>

SELECT CAST(dateadd(day, T.i, getdate()) AS Date) AS DateColumn, uf.TotalCount
        FROM (VALUES (-6), (-5), (-4), (-3), (-2), (-1), (0)) AS T(i)
        OUTER APPLY
        (
           SELECT COUNT(UF.InsertDateTime) AS TotalCount
           FROM Users UF               
           WHERE DATEDIFF(DAY,UF.InsertDateTime, DATEADD(DAY, T.i, GETDATE())) = 0 and UF.IsLogin = 1
        ) uf

这是我的cshtml页面=>

 <canvas id="myChart"></canvas>
                <div id="btn" class="hidden" style="margin-left: 200px; padding-bottom: 10px;">
                    <a href="#" class="previous round" onclick="GetPreviousWeek()">&#8249;</a>
                    <a href="#" class="next round" onclick="GetNextWeek()">&#8250;</a>
                </div>

这是我的负载图表Js代码。=>

$(document).ready(function () { 
    LoadCharts();
});

    function LoadCharts()
    {
    $.ajax({
        url: 'Home/GetChartsData',
        dataType: "json",
        type: "GET",
        contentType: 'application/json; charset=utf-8',
        async: false,
        cache: false,
        success: function (data) {
             var arrlableForSignUpUser = new Array();
            var arrdataForSignUpUser = new Array();
            for (var i = 0; i < data.data.length; i++) {
                arrlableForSignUpUser.push(data.data[i].DateColumn);
                arrdataForSignUpUser.push(data.data[i].TotalCount);
            }
            CountSignUpUser(arrlableForSignUpUser, arrdataForSignUpUser);
        },
        error: function (xhr) {
            alert('error');
        }
    });
  }

 function CountSignUpUser(arrlableForSignUpUser, arrdataForSignUpUser) {
    var ctx = document.getElementById("myChart").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: arrlableForSignUpUser,
            datasets: [{
                label: 'Successfull Sign-Ups',
                data: arrdataForSignUpUser,
                //backgroundColor: "rgba(153,255,51,1)"
                backgroundColor: '#34999c'
            }]
        },
    });
}

$（文档）.ready（函数（）{
负荷图（）；
});
函数LoadCharts（）
{
$.ajax({
url:'主页/GetChartsData'，
数据类型：“json”，
键入：“获取”，
contentType:'application/json；charset=utf-8'，
async:false，
cache:false，
成功：功能（数据）{
var arrableforsignupuser=new Array（）；
var arrdataForSignUpUser=新数组（）；
对于（var i=0；i

这是我的图表，如下图所示=>

---

在这个图表中，我添加了2个按钮，现在我想点击这个按钮，希望将天改为7天。所以任何人都可以给我一些提示如何做到这一点

如果要按周选择，可以尝试使用选择中的周数，但如果总是希望从

今天减去n*7天开始，则需要n的变量并将其传递到选择中，将
=0
替换为
=n*7
。按钮然后递增/递减n并触发负荷图。@TaW是的，我已经这样做了。感谢您的重播。如果您想按周选择，您可以尝试使用选择中的周数，但如果您总是想从
今天减去n*7天开始，则需要n的变量并将其传递到选择中，将
=0
替换为
=n*7
。按钮然后递增/递减n并触发负荷图。@TaW是的，我已经这样做了。谢谢你的重播。