Javascript 如何重新加载调用局部视图的操作

我已经在我的仪表板上添加了圆形的统计圈，但是现在它们的数据刷新出现了问题。ajax刷新数据，但不刷新圆

控制器：

public PartialViewResult GetDailyOutput(string dateFrom, string dateTo, string line = "All")
    {
        Graph g = repository.Graphs.Where(p => p.GraphID == 2).FirstOrDefault();
        DataTable dt = repository.GetGraphData(g.StoredProc + " '" + line + "', '" + dateFrom + "', '" + dateTo + "'");
        return PartialView(dt);
    }

视图：

@使用系统数据

foreach (DataRow row in Model.Rows)
{
            <div class="product-box col-md-3">
                @foreach (DataColumn col in Model.Columns)
        {
            if (col.ColumnName == "Product")
            {
                <div class="product-box-name col-md-2 vertical">@row[col.ColumnName]</div>
            }
            else if (col.ColumnName == "DemYield" || col.ColumnName == "FFSYield")
        {
            <div class="">
                <div class="yieldCircle" data-dimension="100" data-text="@row[col.ColumnName]%"
                     data-width="5" data-fontsize="20" data-percent="@row[col.ColumnName]" data-fgcolor="#61a9dc" data-bgcolor="#eee"></div>

            </div>
        }
        else
        {
            <div class="col-md-2">@row[col.ColumnName]</div>

        }
    }
            </div>
}

foreach（Model.Rows中的数据行）
{
@foreach（Model.Columns中的数据列col）
{
if（col.ColumnName==“产品”）
{
@行[列名称]
}
else if（col.ColumnName==“DemYield”| | col.ColumnName==“FFSYield”）
{
}
其他的
{
@行[列名称]
}
}
}

JavaScript:

<script>
var selectedLine = "All";
var dateFrom = null;
var dateTo = null;


function onCriteriaChange() {
$.post('@Url.Action("GetDailyOutput", "Graph")', { line: selectedLine, dateFrom: dateFrom, dateTo: dateTo }, function (data) {
        $("#dvDailyOutput").html(data);
    });

var selectedLine=“全部”；
var dateFrom=null；
var dateTo=null；
函数onCriteriaChange（）{
$.post（'@Url.Action（“GetDailyOutput”，“Graph”），{line:selectedLine，dateFrom:dateFrom，dateTo:dateTo}，函数（数据）{
$（“#dvDailyOutput”）.html（数据）；
});

还有一些其他脚本更新了line和dates变量，但为了清晰起见，我省略了它们

您知道如何重新绘制圆吗？如果不可能，如何重新加载局部视图

---

谢谢

我已经将此脚本介绍移到了部分视图中，它马上就可以工作了

<script>
$(document).ready(function () {
    $('.yieldCircle').circliful();
});
</script>

$（文档）.ready（函数（）{
$（'.yieldCircle'）.Circulaful（）；
});

需要澄清。调用onCriteriaChange（）函数的位置在哪里？是否有调用此函数的事件处理程序？是否有更改变量“selectedLine”的按钮并调用onCriteriaChange。首先，由于您正在获取数据，因此应使用$.get。因此，如果您的请求参数未更改，浏览器将不会再次获取数据。为了找到部分视图未刷新的原因，请检查控制器方法是否被命中。将调试器放入成功处理程序中检查返回的数据。确定，我可能没有正确解释它，partialView更新正确，只有圆形统计圈没有（类id“yieldCircle”）。在我的部分视图中，我有输出值和收益值。输出值更新正确，但是圆形的收益值没有。更新后圆消失。

<script>
var selectedLine = "All";
var dateFrom = null;
var dateTo = null;


function onCriteriaChange() {
$.post('@Url.Action("GetDailyOutput", "Graph")', { line: selectedLine, dateFrom: dateFrom, dateTo: dateTo }, function (data) {
        $("#dvDailyOutput").html(data);
    });

<script>
$(document).ready(function () {
    $('.yieldCircle').circliful();
});
</script>