Blazor弧规概述
的Telerik Arc Gauge for Blazor代表数值在一条弧线上规模.
创建Blazor弧规
- 添加
< TelerikArcGauge >
标签。 - 属性的实例
< ArcGaugePointer >
到< ArcGaugePointers >
收集。 - 提供一个
价值
为< ArcGaugePointer >
. - (可选)添加a中心标签模板
@*设置一个基本的弧规*@ @code {private double gauevalue {get;设置;} = 40;}
规模
弧规的刻度显示的值指针而且标签.看到规模文章获取有关如何自定义组件比例的详细信息。
指针
指针指示了组件规模上的值。看到指针文章获得有关如何自定义组件指针的更多信息。
标签
标签按照组件的规模呈现,以便向用户提供信息。看到标签文章获得有关如何根据组件的规模自定义标签的详细信息。
弧规参数
参数 | 类型及默认值 | 描述 |
---|---|---|
类 |
字符串 |
对象呈现自定义CSS类< div class = " k-arcgauge”> 元素。 |
宽度 |
字符串 |
控制弧规的宽度。你可以在维篇文章。 |
高度 |
字符串 |
控制弧度计的高度。你可以在维篇文章。 |
转换 |
bool吗? |
如果弧规使用动画来更改其值,则控制。 |
RenderAs |
RenderingMode吗? ( SVG ) |
控制标尺是否呈现为SVG 或帆布 . |
弧规参考和方法
方法 | 描述 |
---|---|
刷新 |
通过编程重新渲染弧规。 |
@*改变组件的宽度*@ 改变组件的宽度 @code {Telerik.Blazor.Components.TelerikArcGauge ArcGaugeRef {get;设置;}公共字符串宽度{获取;设置;} = "300px";private void ChangeTheHeight() {Width = "450px";ArcGaugeRef.Refresh ();}}