Blazor线性压力表概述
的为Blazor的teleerik线性量规代表数值在一个规模线性格式的范围。
创建Blazor线性量规
- 添加
< TelerikLinearGauge >
标签。 - 的实例
< LinearGaugePointer >
到< LinearGaugePointers >
收集。 - 提供一个
价值
为< LinearGaugePointer >
.
@*设置一个基本的线性测量*@ @code {private double gauevalue {get;设置;} = 40;}
规模
线性量规的刻度呈现的值指针和标签.有关如何自定义组件的比例的更多信息,请参阅Scale文章…
指针
指针指示组件刻度上的值。有关如何自定义组件指针的更多信息,请参阅指针文章…
标签
标签按照组件的比例呈现,以便向用户提供信息。有关如何根据组件的规模定制标签的更多信息,请参阅标签文章。
范围
范围用于直观地区分刻度上的特定值。阅读Ranges文章了解更多信息…
线性量规参数
参数 | 类型和默认值 | 描述 |
---|---|---|
类 |
字符串 |
控件呈现自定义CSS类< div class = " k-lineargauge”> 元素。 |
宽度 |
字符串 |
控制线规的宽度。 |
高度 |
字符串 |
控制线规的高度。 |
转换 |
bool吗? |
控制线性量规是否使用动画来改变其值。 |
RenderAs |
RenderingMode吗? ( SVG ) |
控制仪表是否呈现为SVG 或帆布 . |
线性量规标准及方法
方法 | 描述 |
---|---|
刷新 |
以编程方式重新渲染线性量规。 |
获取对线性量规的引用并使用Refresh方法
@*改变组件的高度*@ 改变组件的高度 @code {telerikk.blazor.components .TelerikLinearGauge LinearGaugeRef {get;设置;}公共字符串高度{获取;设置;} = "300px";private async Task ChangeTheHeight() {Height = "450px";//刷新()可以在OnParameterSet()之前执行。延迟避免了这种情况。等待Task.Delay (1);LinearGaugeRef.Refresh (); } }