Asp.net mvc 4 带有Kendo UI Asp.net包装器的信号器值

Asp.net mvc 4 带有Kendo UI Asp.net包装器的信号器值,asp.net-mvc-4,kendo-ui,signalr,kendo-asp.net-mvc,Asp.net Mvc 4,Kendo Ui,Signalr,Kendo Asp.net Mvc,我有一个剑道UI datawiz组件RadialGauge,我想用实时数据来填充它。它是使用asp.net包装器设置的,就像这样(从剑道演示截取): @(Html.Kendo().RadialGauge()) .名称(“张力计”) .Pointer(指针=>Pointer.Value(28)) .Scale(Scale=>Scale .MinorUnit(5) .StartAngle(-60) .端角(240) .最大值(180) .标签(标签=>标签 .位置(仪表刻度盘标签位置.内侧) )

我有一个剑道UI datawiz组件RadialGauge,我想用实时数据来填充它。它是使用asp.net包装器设置的,就像这样(从剑道演示截取):


@(Html.Kendo().RadialGauge())
.名称(“张力计”)
.Pointer(指针=>Pointer.Value(28))
.Scale(Scale=>Scale
.MinorUnit(5)
.StartAngle(-60)
.端角(240)
.最大值(180)
.标签(标签=>标签
.位置(仪表刻度盘标签位置.内侧)
)
.范围(范围=>
{
ranges.Add()从(80).到(120).Color(“#ffc700”);
ranges.Add()从(120).到(150).Color(“#ff7a00”);
ranges.Add()从(150).到(180).Color(“#c20000”);
})
)
)

所有的底层功能都是为了“实时”数据的设置和工作良好。我唯一的问题是如何将信号器值输入
.Pointer(Pointer=>Pointer.value(signalRValueHere))中
part.有什么建议吗?结合这两个框架的例子似乎还不多,所以搜索结果很少。

好的,所以我用另一种方法解决了这个问题。我选择使用javascript初始值设定项,允许我在脚本中使用信号器值

            function createGauge() {
                $("#tensionGauge").kendoRadialGauge({
                    pointer: {
                        value: 0,
                        color: "black",
                    },
                    cap: {
                        color: "white",
                        size: 1
                    },
                    scale: {
                        minorUnit: 50,
                        majorUnit: 100,
                        startAngle: -50,
                        endAngle: 230,
                        min: @Convert.ToInt32(Model.MinTensionRange),
                        max: @Convert.ToInt32(Model.MaxTensionRange),
                        labels: {
                            position: "inside"
                        },
                        ranges: [ // TODO: Fetch limits from signalR or Model
                            {
                                from: 300,
                                to: 100, 
                                color: "#ffc700"
                            },{
                                from: -300,
                                to: -100, 
                                color: "#ffc700"
                            }, {
                                from: @Convert.ToInt32(Model.MinTensionRange),
                                to: -300, 
                                color: "#c20000"
                            },{
                                from: @Convert.ToInt32(Model.MaxTensionRange),
                                to: 300, 
                                color: "#c20000"
                            }
                        ]
                    }
                });
            }
            $(document).ready(function () {
                createGauge();
            });
以及更新值的js部分:

messageHub.client.notifyTension = function (tensionMessage) {
    $('#tensionGauge').data("kendoRadialGauge").value(tensionMessage);
};
messageHub.client.notifyTension = function (tensionMessage) {
    $('#tensionGauge').data("kendoRadialGauge").value(tensionMessage);
};