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

Blazor弧规概述

Telerik Arc Gauge for Blazor代表数值在一条弧线上规模

创建Blazor弧规

  1. 添加< TelerikArcGauge >标签。
  2. 属性的实例< ArcGaugePointer >< ArcGaugePointers >收集。
  3. 提供一个价值< ArcGaugePointer >
  4. (可选)添加a中心标签模板
@*设置一个基本的弧规*@      @code {private double gauevalue {get;设置;} = 40;}

规模

弧规的刻度显示的值指针而且标签.看到规模文章获取有关如何自定义组件比例的详细信息。

指针

指针指示了组件规模上的值。看到指针文章获得有关如何自定义组件指针的更多信息。

标签

标签按照组件的规模呈现,以便向用户提供信息。看到标签文章获得有关如何根据组件的规模自定义标签的详细信息。

弧规参数

参数 类型及默认值 描述
字符串 对象呈现自定义CSS类< div class = " k-arcgauge”>元素。
宽度 字符串 控制弧规的宽度。你可以在篇文章。
高度 字符串 控制弧度计的高度。你可以在篇文章。
转换 bool吗? 如果弧规使用动画来更改其值,则控制。
RenderAs RenderingMode吗?
SVG
控制标尺是否呈现为SVG帆布

弧规参考和方法

方法 描述
刷新 通过编程重新渲染弧规。

获取弧规的参考,并使用Refresh方法

@*改变组件的宽度*@ 改变组件的宽度      @code {Telerik.Blazor.Components.TelerikArcGauge ArcGaugeRef {get;设置;}公共字符串宽度{获取;设置;} = "300px";private void ChangeTheHeight() {Width = "450px";ArcGaugeRef.Refresh ();}}

下一个步骤

另请参阅

在本文中
Baidu
map