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

圆形量规标签

控件上呈现的标签的外观规模通过使用< CircularGaugeScaleLabels >的子标记< CircularGaugeScale >,以及它所暴露的参数:

格式

格式(字符串)参数允许您使用标准数字格式字符串.您可以设置要显示的标签值,例如货币、百分比等。

使用Format参数显示货币。下面代码片段的结果。

格式参数示例

@*使用{0:C0}格式字符串将标签的值格式化为货币。*@ < telerikcirculargagescale >< CircularGaugeScale> < CircularGaugePointers>    

中心模板

中心模板允许您控制圆规中心部分的呈现。要使用它,请添加< CircularGaugeCenterLabel >的孩子。< TelerikCircularGauge >它提供了上下文对象(GaugeCenterLabelTemplateContext),它公开了一个包含组件中的指针及其值的列表。

使用中心模板显示指针的值。下面代码片段的结果。

中心模板

@*打印组件中心指针的值*@              

颜色

颜色(字符串参数控制标签的颜色。它接受CSS十六进制RGB颜色。

更改标签的颜色。下面代码片段的结果。

颜色参数截图

@*将标签的颜色更改为蓝色*@ < telerikcirculargagescale >< circulargaugescalescale >< CircularGaugeScaleLabels color ="blue" Visible="true">    

可见

可见(保龄球参数控制标签是否呈现。其默认值为.如果要显示标签,请包含< CircularGaugeScaleLabels >标签< CircularGaugeScale >然后设置它可见参数真正的

使用Visible参数显示标签。下面代码片段的结果

隐藏标签

@*将Visible参数设置为true以显示标签*@ < telerikcirculargaugescales >< CircularGaugeScale> < circulargaugelabels Visible="true">     

额外的定制

要进一步定制Circular Gauge的元素,可以使用嵌套标记。当在Circular Gauge中配置嵌套属性和子元素时,内部标签将包含它们的父标签名称,并在其末尾添加具体内容。一般来说,这种嵌套标记的结构将是< CircularGauge *级* * *细节>在哪里类别可以是下列情况之一:

  • 规模
  • GaugeArea

自定义标签的背景和边距。下面代码片段的结果。

自定义标签

@*自定义标签的位置,边界和填充。*@ < telerikcirculargagescale >       

另请参阅

在本文中
Baidu
map