1. Component library

ValueLabel

Version:

The ValueLabel control shows a value and a label. You can set the size and the color of both.

You can bind the Data property to a ChartDataProvider component. The control performs the calculation that you specify in DataFunction on the data in the column that you specify in DataField.

You can also pass a JSON data set to the control, set a column in this data set, and have the control perform the calculation on this data.

Properties

NameDescriptionDefault
Appearance
LabelSpecify the label text that the control displays.
LabelColorSpecify the color of the label that the control shows. You can specify the color in any format that is valid in CSS.Black
LabelPositionSpecify how the control positions the label relative to the value. You can specify either Top, Bottom or Right.Bottom
LabelSizeSpecify the size of the label that the control shows. You can specify Small, Normal, Medium, Large, or ExtraLarge.Normal
ValueColorSpecify the color of the value that the control shows. You can use any color specification that is valid in CSS.Black
ValueSizeSpecify the size of the value that the control shows. You can use these values: Small, Normal, Medium, Large, and ExtraLargeNormal
Data
DataBind to the data that the control uses, for example: {Binding.DataProvider.Data} or pass a JSON data set.
DataMapping
DataFieldSpecify the data column that the control applies the DataFunction to.
DataFunctionSpecify the function that the control applies to the Data column. You can specify Sum, Average, Max, Min, First, or Last.
If you have suggestions for improving this article, let us know!