label

Defines the options that can be set for the text that is displayed by the scale markers.

Type: Object

Show Example:
jQuery

In this example, the scale markers are formatted in the 'year' format using the format option.


                                    

                                    

customizeText

Specifies a callback function that returns the text to be displayed in scale markers.

Type: function(markerValue)
Function parameters:
markerValue: Object

Defines a marker value.

Object structure:
value: Date|Number

Specifies the marker value.

valueText: String

Specifies the value with applied formatting.

Return Value: String

The text to be displayed by a scale label marker.

Cannot be used in themes.

When implementing a callback function for this property, use the value to be displayed in the marker. This value can be accessed using the fields of the object that is passed as the function's parameter. Alternatively, you can use the this object within the function. This object has the same structure as the object passed as a parameter.

Show Example:
jQuery

In this example, the scale markers are formatted in the 'quarterAndYear' format and displayed using the format and customizeText options.


                                    

                                    

format

Specifies a format for the text displayed in scale markers.

Type: Format
Default Value: undefined
NOTE
DevExtreme widgets provide a wide choice of predefined formats. If you are, however, going to use custom formats, link the Globalize library to your project. Learn how to do this from the Installation topic.
See Also
  • format - provides a comprehensive overview of formatting capabilities. Note that only date-time subset of the predefined formats can be used.
  • Data Formatting - shows how to apply formatting to various widget elements.