Blazor的Telerik UI吗?下载30天免费试用

Blazor径向压力表概述

Telerik径向计Blazor控件上的数值规模径向格式的范围。

创建径向规

  1. 添加< TelerikRadialGauge >标签到你的剃须刀页。
  2. 属性的一个或多个实例< RadialGaugePointer >< RadialGaugePointers >收集。
  3. 提供一个价值为每一个< 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 ();}}

另请参阅

在本文中
Baidu
map