Asp.net mvc 4 带有Kendo UI Asp.net包装器的信号器值
我有一个剑道UI datawiz组件RadialGauge,我想用实时数据来填充它。它是使用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) .标签(标签=>标签 .位置(仪表刻度盘标签位置.内侧) )
@(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);
};