Blazor径向压力表概述
的Telerik径向计Blazor控件上的数值规模径向格式的范围。
创建径向规
- 添加
< TelerikRadialGauge >
标签到你的剃须刀页。 - 属性的一个或多个实例
< RadialGaugePointer >
到< RadialGaugePointers >
收集。 - 提供一个
价值
为每一个< RadialGaugePointer >
.
基本Telerik径向计Blazor。
@*设置一个基本的径向规*@
规模
径向规的刻度显示的值指针,标签,而不同范围.有关更多信息,请参阅Scale文章。
指针
径向量规刻度上的不同值。有关更多信息,请参阅指针文章。
范围
您可以使用范围从视觉上区分刻度上的多个指针。更多信息请参阅Ranges文章。
标签
这些标签是在径向Gauge的刻度上呈现的,以便向用户提供有关指针值的信息。更多信息请参阅标签文章。
径向压力表参数
参数 | 类型及默认值 | 描述 |
---|---|---|
宽度 |
字符串 |
控制组件的宽度。 |
高度 |
字符串 |
控制组件的高度。 |
类 |
字符串 |
对象上呈现自定义CSS类< div class = " k-gauge”> 元素。您可以使用该类在页面上重新定位组件。 |
转换 |
bool吗? |
如果径向量规对其值更改使用动画,则控制。 |
RenderAs |
RenderingMode吗? ( SVG ) |
控制标尺是否呈现为SVG 或帆布 . |
径向测量基准和方法
要执行径向测量方法,请通过获取组件实例的引用@ref
.
方法 | 描述 |
---|---|
刷新 | 您可以使用该方法以编程方式重新呈现组件。 |
获取组件引用并使用Refresh方法
@*改变组件的高度*@ 改变高度 @code{telerikblazor.components.telerikradialgauge RadialGaugeRef {get;设置;} public string高度{get;设置;} = "200px";async任务ChangeHeight(){高度= "400px";//给框架和浏览器时间来调整实际的DOM大小,以便gauge可以使用预期的大小。RadialGaugeRef.Refresh ();}}