圆形量规标签
控件上呈现的标签的外观规模通过使用< CircularGaugeScaleLabels >
的子标记< CircularGaugeScale >
,以及它所暴露的参数:
格式
的格式
(字符串
)参数允许您使用标准数字格式字符串.您可以设置要显示的标签值,例如货币、百分比等。
使用Format参数显示货币。下面代码片段的结果。
@*使用{0:C0}格式字符串将标签的值格式化为货币。*@ < telerikcirculargagescale >< CircularGaugeScale> < CircularGaugePointers> telerikcirculargauge指针>
中心模板
中心模板允许您控制圆规中心部分的呈现。要使用它,请添加< CircularGaugeCenterLabel >
的孩子。< TelerikCircularGauge >
它提供了上下文
对象(GaugeCenterLabelTemplateContext
),它公开了一个包含组件中的指针及其值的列表。
使用中心模板显示指针的值。下面代码片段的结果。
@*打印组件中心指针的值*@ @{gauecenterlabeltemplatecontext item = context;var pointer = context. pointer . firstordefault ();值} telerikcirculargaugelabel >
颜色
的颜色
(字符串
参数控制标签的颜色。它接受CSS,十六进制和RGB颜色。
更改标签的颜色。下面代码片段的结果。
@*将标签的颜色更改为蓝色*@ < telerikcirculargagescale >< circulargaugescalescale >< CircularGaugeScaleLabels color ="blue" Visible="true"> CircularGaugePointers> telerikcirculargaugege >
可见
的可见
(保龄球
参数控制标签是否呈现。其默认值为假
.如果要显示标签,请包含< CircularGaugeScaleLabels >
标签< CircularGaugeScale >
然后设置它可见
参数真正的
.
使用Visible参数显示标签。下面代码片段的结果
@*将Visible参数设置为true以显示标签*@ < telerikcirculargaugescales >< CircularGaugeScale> < circulargaugelabels Visible="true"> circulargaugelabels > CircularGaugeScales> telerikcirculargargauge指针>
额外的定制
要进一步定制Circular Gauge的元素,可以使用嵌套标记。当在Circular Gauge中配置嵌套属性和子元素时,内部标签将包含它们的父标签名称,并在其末尾添加具体内容。一般来说,这种嵌套标记的结构将是< CircularGauge *级* * *细节>
在哪里类别可以是下列情况之一:
- 规模
- GaugeArea
自定义标签的背景和边距。下面代码片段的结果。
@*自定义标签的位置,边界和填充。*@ < telerikcirculargagescale > circulargaugescalelspadding > circulargaugescalelababels > CircularGaugePointers> telerikcirculargaugepointer >