新Blazor的Telerik UI?下载30天免费试用
的Telerik圆形计Blazor代表数值在通告上规模．
< TelerikCircularGauge >标签。< CircularGaugePointer >到< CircularGaugePointers >收集。价值为每一个< CircularGaugePointer >．基本Telerik圆形计Blazor。
@*设置一个基本的圆形指针与中心标签模板*@ < circulargauge指针> < circulargauge指针值="30"大小="10" /> <模板> @{var指针= context. pointer . firstordefault ();< span style="font- family:宋体;字体大小:30 px”> @pointer。价值 圆形量规的刻度显示的值指针而且标签．看到规模文章获取有关如何自定义组件比例的详细信息。
指针指示了组件规模上的值。看到指针文章获得有关如何自定义组件指针的更多信息。
标签按照组件的规模呈现，以便向用户提供信息。看到标签文章获得有关如何根据组件的规模自定义标签的详细信息。
| 参数 | 类型及默认值 | 描述 |
|---|---|---|
类 |
字符串 |
对象呈现自定义CSS类< div class = " k-circulargauge”>元素。 |
宽度 |
字符串 |
控制圆形规的宽度。你可以在维篇文章。 |
高度 |
字符串 |
控制圆规的高度。你可以在维篇文章。 |
转换 |
bool吗? |
如果圆形量具对其值更改使用动画，则控制。 |
RenderAs |
RenderingMode吗?（ SVG） |
控制标尺是否呈现为SVG或帆布． |
| 方法 | 描述 |
|---|---|
刷新 |
通过编程重新渲染圆形测量仪。 |
@*改变组件的高度*@ 改变组件的高度 @code {telerikk.blazor.components .TelerikCircularGauge CircularGaugeRef {get;设置;} public string高度{get;设置;} = "300px";async任务ChangeTheHeight(){高度= "450px";//给框架和浏览器时间来调整实际的DOM大小，以便gauge可以使用预期的大小。CircularGaugeRef.Refresh ();}}