ChartCategoryAxisLabelsSettingsTagHelper

Example

Razor
<labels>
    <chart-category-axis-labels-border />
    <chart-category-axis-labels-date-formats />
    <chart-category-axis-labels-margin />
    <chart-category-axis-labels-padding />
    <chart-category-axis-labels-rotation />
</labels>

ChildTags

Tag NameDetails
chart-category-axis-labels-borderChartCategoryAxisLabelsBorderSettingsTagHelper
chart-category-axis-labels-date-formatsChartCategoryAxisLabelsDateFormatsSettingsTagHelper
chart-category-axis-labels-marginChartCategoryAxisLabelsMarginSettingsTagHelper
chart-category-axis-labels-paddingChartCategoryAxisLabelsPaddingSettingsTagHelper
chart-category-axis-labels-rotationChartCategoryAxisLabelsRotationSettingsTagHelper

Attributes

AttributeTypeDescription
backgroundStringThe background color of the labels. Accepts a valid CSS color string, including hex and rgb.
colorStringThe text color of the labels. Accepts a valid CSS color string, including hex and rgb.
cultureStringThe culture to use when formatting date values. See the globalization overview for more information.
fontStringThe font style of the labels. Accepts a valid CSS color string, for example "20px 'Courier New'".
formatStringThe format used to display the labels. Uses kendo.format. Contains one placeholder ("{0}") which represents the category value.
mirrorBooleanIf set to true the chart will mirror the axis labels and ticks. If the labels are normally on the left side of the axis, mirroring the axis will render them to the right.
positionChartAxisLabelsPositionSpecifies the position of the labels.
skipDoubleThe number of labels to skip. By default no labels are skipped.
stepDoubleThe label rendering step - render every n-th label. By default every label is rendered.
templateStringThe template which renders the labels.The fields which can be used in the template are: value - the category value; dataItem - the data item, in case a field has been specified. If the category does not have a corresponding item in the data then an empty object will be passed.; format - the default format of the label or culture - the default culture (if set) on the label.
template-handlerStringThe template which renders the labels.The fields which can be used in the template are: value - the category value; dataItem - the data item, in case a field has been specified. If the category does not have a corresponding item in the data then an empty object will be passed.; format - the default format of the label or culture - the default culture (if set) on the label.
template-idStringThe template which renders the labels.The fields which can be used in the template are: value - the category value; dataItem - the data item, in case a field has been specified. If the category does not have a corresponding item in the data then an empty object will be passed.; format - the default format of the label or culture - the default culture (if set) on the label.
template-viewIHtmlContentThe template which renders the labels.The fields which can be used in the template are: value - the category value; dataItem - the data item, in case a field has been specified. If the category does not have a corresponding item in the data then an empty object will be passed.; format - the default format of the label or culture - the default culture (if set) on the label.
visibleBooleanIf set to true the chart will display the category axis labels. By default the category axis labels are visible.
visualStringA function that can be used to create a custom visual for the labels. The available argument fields are: createVisual - a function that can be used to get the default visual.; culture - the default culture (if set) on the label; dataItem - the data item, in case a field has been specified; format - the default format of the label; options - the label options.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; sender - the chart instance (may be undefined).; text - the label text. or value - the category value.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support