《Blazor》的teleerik UI免费下载30天试用版

Blazor线性压力表概述

为Blazor的teleerik线性量规代表数值在一个规模线性格式的范围。

创建Blazor线性量规

  1. 添加< TelerikLinearGauge >标签。
  2. 的实例< LinearGaugePointer >< LinearGaugePointers >收集。
  3. 提供一个价值< 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 (); } }

下一个步骤

另请参阅

在本文中
Baidu
map