kendo-ui - 将 Kendo Gauge 绑定到本地数据

Question

在 Kendo 文档中，有将许多图表绑定到本地数据的示例，但没有径向仪表。

谁能告诉我如何在我的控制器中使用 int 指定指针的值？

<div id="gauge-container">
@(Html.Kendo().RadialGauge()
    .Name("gauge")
    .Pointer(pointer =>pointer.Value(intFromController) )
    .Scale(scale => scale
        .MinorUnit(5)
        .StartAngle(-30)
        .EndAngle(210)
        .Max(180)
    )
)
</div>

编辑——对于遇到同样问题的人来说，这里是我如何修复它（为了简单起见，用测试功能编辑的实际代码，也很抱歉缩进，匆忙。）：

看法：

<script>
$(document).ready(function () {

    $.ajax({
        type: "POST",
        cache: false,
        url: 'test/',
        success: function (data) {
            $("#gauge").data("kendoRadialGauge").value(data);
        }
    })



})</script>

@(Html.Kendo().RadialGauge()

    .Name("gauge")
    .Pointer(pointer => pointer.Value(0))
    .Scale(scale => scale
        .MinorUnit(5)
        .StartAngle(-30)
        .EndAngle(210)
        .Max(180)
    )
)

控制器

public double test()
{
    double value = 10;
    return value;
}

Answer 1

在控制器的操作中，您可以设置：

ViewData["myAngle"] = 123;

在 View 中，您可以这样使用它：

<div id="gauge-container">
@(Html.Kendo().RadialGauge()
    .Name("gauge")
    .Pointer(pointer =>pointer.Value(@ViewData["myAngle"]) )
    .Scale(scale => scale
        .MinorUnit(5)
        .StartAngle(-30)
        .EndAngle(210)
        .Max(180)
    )
)
</div>