<kendo:chart-seriesItem-labels>

The chart series label configuration.

Example

<kendo:chart-seriesItem>
    <kendo:chart-seriesItem-labels></kendo:chart-seriesItem-labels>
</kendo:chart-seriesItem>

Configuration Attributes

align java.lang.String

The label alignment when series.type is set to "donut", "funnel", "pyramid" or "pie".The supported values for "donut" and "pie" are: "circle" - the labels are positioned in circle around the chart. or "column" - the labels are positioned in columns to the left and right of the chart.. The supported values for "funnel" and "pyramid" are: "center" - the labels are positioned in the center over the segment.; "right" - the labels are positioned on the right side of the chart and do not (if there is enough space) overlap the segment(s). or "left" - the labels are positioned on the left side of the chart and do not (if there is enough space) overlap the segment(s)..

Example

<kendo:chart-seriesItem-labels align="align">
</kendo:chart-seriesItem-labels>

ariaTemplate java.lang.String

The template which renders the ARIA label for the series labels.The fields which can be used in the template are: category - the category name. Available for area, bar, column, bubble, donut, line and pie series.; dataItem - the original data item used to construct the point. Will be null if binding to array.; percentage - the point value represented as a percentage value. Available only for 100% stacked charts.; series - the data series or value - the point value. Can be a number or object containing each bound field..

Example

<kendo:chart-seriesItem-labels ariaTemplate="ariaTemplate">
</kendo:chart-seriesItem-labels>

background java.lang.String

The background color of the labels. Accepts a valid CSS color string, including hex and rgb.

Example

<kendo:chart-seriesItem-labels background="background">
</kendo:chart-seriesItem-labels>

color java.lang.String

The text color of the labels. Accepts a valid CSS color string, including hex and rgb.

Example

<kendo:chart-seriesItem-labels color="color">
</kendo:chart-seriesItem-labels>

distance float

The distance of the labels when series.type is set to "donut" or "pie".

Example

<kendo:chart-seriesItem-labels distance="distance">
</kendo:chart-seriesItem-labels>

font java.lang.String

The font style of the labels. Accepts a valid CSS font string, for example "20px Courier New'".

Example

<kendo:chart-seriesItem-labels font="font">
</kendo:chart-seriesItem-labels>

format java.lang.String

The format of the labels. Uses kendo.format.Format placeholders: Area, bar, column, line, pie, radarArea, radarColumn and radarLine{0} - value; Bubble{0} - x value{1} - y value{2} - size value{3} - category name; Bullet{0} - value{1} - target value; Scatter, scatterLine{0} - x value{1} - y value; PolarArea, polarLine and polarScatter{0} - x value (degrees){1} - y value; Candlestick and OHLC{0} - open value{1} - high value{2} - low value{3} - close value{4} - category name or RangeArea, rangeBar, rangeColumn{0} - from value{1} - to value.

Example

<kendo:chart-seriesItem-labels format="format">
</kendo:chart-seriesItem-labels>

margin float

The margin of the labels. A numeric value will set all margins. Further configuration is available via kendo:chart-seriesItem-labels-margin.

Example

<kendo:chart-seriesItem-labels margin="margin">
</kendo:chart-seriesItem-labels>

padding float

The padding of the labels. A numeric value will set all paddings. Further configuration is available via kendo:chart-seriesItem-labels-padding.

Example

<kendo:chart-seriesItem-labels padding="padding">
</kendo:chart-seriesItem-labels>

position java.lang.String

The position of the labels. "above" - the label is positioned at the top of the marker. Applicable for series that render points, incl. bubble.; "below" - the label is positioned at the bottom of the marker. Applicable for series that render points, incl. bubble.; "center" - the label is positioned at the point center. Applicable for bar, column, donut, pie, funnel, pyramid, radarColumn and waterfall series.; "insideBase" - the label is positioned inside, near the base of the bar. Applicable for bar, column and waterfall series.; "insideEnd" - the label is positioned inside, near the end of the point. Applicable for bar, column, donut, pie, radarColumn and waterfall series.; "left" - the label is positioned to the left of the marker. Applicable for series that render points, incl. bubble.; "outsideEnd" - the label is positioned outside, near the end of the point. Applicable for bar, column, donut, pie, radarColumn and waterfall series. Not applicable for stacked series.; "right" - the label is positioned to the right of the marker. Applicable for series that render points, incl. bubble.; "top" - the label is positioned at the top of the segment. Applicable for funnel series.; "bottom" - the label is positioned at the bottom of the segment. Applicable for funnel and pyramid series. or "auto" - the from and to labels area positioned at the top/bottom(rangeArea series) or left/right(verticalRangeArea series) so that they are outside the filled area. Applicable for rangeArea and verticalRangeArea series..

Example

<kendo:chart-seriesItem-labels position="position">
</kendo:chart-seriesItem-labels>

rotation java.lang.Object

The rotation angle of the labels. By default, the labels are not rotated.

Example

<kendo:chart-seriesItem-labels rotation="rotation">
</kendo:chart-seriesItem-labels>

template java.lang.String

The template which renders the chart series label.The fields which can be used in the template are: category - the category name. Available for area, bar, column, bubble, donut, line, pie and waterfall series.; dataItem - the original data item used to construct the point. Will be null if binding to array.; percentage - the point value represented as a percentage value. Available only for donut, pie and 100% stacked charts.; series - the data series; stackValue - the cumulative point value on the stack. Available only for stackable series.; value - the point value. Can be a number or object containing each bound field.; runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series. or total - the sum of all previous series values. Available for waterfall series..

Example

<kendo:chart-seriesItem-labels template="template">
</kendo:chart-seriesItem-labels>

visible boolean

If set to true the chart will display the series labels. By default chart series labels are not displayed.

Example

<kendo:chart-seriesItem-labels visible="visible">
</kendo:chart-seriesItem-labels>

visual java.lang.String

A function that can be used to create a custom visual for the labels. The available argument fields are: text - the label text.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; options - the label options.; createVisual - a function that can be used to get the default visual.; sender - the chart instance (may be undefined).; value - The point value.; category - The point category.; stackValue - The cumulative point value on the stack. Available only for the stackable series.; dataItem - The point dataItem.; series - The point series.; percentage - The point value that is represented as a percentage value. Available only for the Donut, Pie, and 100% stacked charts.; runningTotal - The sum of point values from the last runningTotal summary point onwards. Available for the Waterfall series. or total - The sum of all previous series values. Available for the Waterfall series..

Example

<kendo:chart-seriesItem-labels visual="visual">
</kendo:chart-seriesItem-labels>

Configuration JSP Tags

kendo:chart-seriesItem-labels-border

The border of the labels.

More documentation is available at kendo:chart-seriesItem-labels-border.

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-border></kendo:chart-seriesItem-labels-border>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-from

The chart series from label configuration.

More documentation is available at kendo:chart-seriesItem-labels-from.

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-from></kendo:chart-seriesItem-labels-from>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-margin

The margin of the labels. A numeric value will set all margins.

More documentation is available at kendo:chart-seriesItem-labels-margin.

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-margin></kendo:chart-seriesItem-labels-margin>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-padding

The padding of the labels. A numeric value will set all paddings.

More documentation is available at kendo:chart-seriesItem-labels-padding.

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-padding></kendo:chart-seriesItem-labels-padding>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-to

The chart series to label configuration.

More documentation is available at kendo:chart-seriesItem-labels-to.

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-to></kendo:chart-seriesItem-labels-to>
</kendo:chart-seriesItem-labels>

Event Attributes

ariaTemplate String

The template which renders the ARIA label for the series labels.The fields which can be used in the template are: category - the category name. Available for area, bar, column, bubble, donut, line and pie series.; dataItem - the original data item used to construct the point. Will be null if binding to array.; percentage - the point value represented as a percentage value. Available only for 100% stacked charts.; series - the data series or value - the point value. Can be a number or object containing each bound field..

Example

<kendo:chart-seriesItem-labels ariaTemplate="handle_ariaTemplate">
</kendo:chart-seriesItem-labels>
<script>
    function handle_ariaTemplate(e) {
        // Code to handle the ariaTemplate event.
    }
</script>

background String

The background color of the labels. Accepts a valid CSS color string, including hex and rgb.

Example

<kendo:chart-seriesItem-labels background="handle_background">
</kendo:chart-seriesItem-labels>
<script>
    function handle_background(e) {
        // Code to handle the background event.
    }
</script>

color String

The text color of the labels. Accepts a valid CSS color string, including hex and rgb.

Example

<kendo:chart-seriesItem-labels color="handle_color">
</kendo:chart-seriesItem-labels>
<script>
    function handle_color(e) {
        // Code to handle the color event.
    }
</script>

font String

The font style of the labels. Accepts a valid CSS font string, for example "20px Courier New'".

Example

<kendo:chart-seriesItem-labels font="handle_font">
</kendo:chart-seriesItem-labels>
<script>
    function handle_font(e) {
        // Code to handle the font event.
    }
</script>

format String

The format of the labels. Uses kendo.format.Format placeholders: Area, bar, column, line, pie, radarArea, radarColumn and radarLine{0} - value; Bubble{0} - x value{1} - y value{2} - size value{3} - category name; Bullet{0} - value{1} - target value; Scatter, scatterLine{0} - x value{1} - y value; PolarArea, polarLine and polarScatter{0} - x value (degrees){1} - y value; Candlestick and OHLC{0} - open value{1} - high value{2} - low value{3} - close value{4} - category name or RangeArea, rangeBar, rangeColumn{0} - from value{1} - to value.

Example

<kendo:chart-seriesItem-labels format="handle_format">
</kendo:chart-seriesItem-labels>
<script>
    function handle_format(e) {
        // Code to handle the format event.
    }
</script>

position String

The position of the labels. "above" - the label is positioned at the top of the marker. Applicable for series that render points, incl. bubble.; "below" - the label is positioned at the bottom of the marker. Applicable for series that render points, incl. bubble.; "center" - the label is positioned at the point center. Applicable for bar, column, donut, pie, funnel, pyramid, radarColumn and waterfall series.; "insideBase" - the label is positioned inside, near the base of the bar. Applicable for bar, column and waterfall series.; "insideEnd" - the label is positioned inside, near the end of the point. Applicable for bar, column, donut, pie, radarColumn and waterfall series.; "left" - the label is positioned to the left of the marker. Applicable for series that render points, incl. bubble.; "outsideEnd" - the label is positioned outside, near the end of the point. Applicable for bar, column, donut, pie, radarColumn and waterfall series. Not applicable for stacked series.; "right" - the label is positioned to the right of the marker. Applicable for series that render points, incl. bubble.; "top" - the label is positioned at the top of the segment. Applicable for funnel series.; "bottom" - the label is positioned at the bottom of the segment. Applicable for funnel and pyramid series. or "auto" - the from and to labels area positioned at the top/bottom(rangeArea series) or left/right(verticalRangeArea series) so that they are outside the filled area. Applicable for rangeArea and verticalRangeArea series..

Example

<kendo:chart-seriesItem-labels position="handle_position">
</kendo:chart-seriesItem-labels>
<script>
    function handle_position(e) {
        // Code to handle the position event.
    }
</script>

template String

The template which renders the chart series label.The fields which can be used in the template are: category - the category name. Available for area, bar, column, bubble, donut, line, pie and waterfall series.; dataItem - the original data item used to construct the point. Will be null if binding to array.; percentage - the point value represented as a percentage value. Available only for donut, pie and 100% stacked charts.; series - the data series; stackValue - the cumulative point value on the stack. Available only for stackable series.; value - the point value. Can be a number or object containing each bound field.; runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series. or total - the sum of all previous series values. Available for waterfall series..

Example

<kendo:chart-seriesItem-labels template="handle_template">
</kendo:chart-seriesItem-labels>
<script>
    function handle_template(e) {
        // Code to handle the template event.
    }
</script>

visible String

If set to true the chart will display the series labels. By default chart series labels are not displayed.

Example

<kendo:chart-seriesItem-labels visible="handle_visible">
</kendo:chart-seriesItem-labels>
<script>
    function handle_visible(e) {
        // Code to handle the visible event.
    }
</script>

visual String

A function that can be used to create a custom visual for the labels. The available argument fields are: text - the label text.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; options - the label options.; createVisual - a function that can be used to get the default visual.; sender - the chart instance (may be undefined).; value - The point value.; category - The point category.; stackValue - The cumulative point value on the stack. Available only for the stackable series.; dataItem - The point dataItem.; series - The point series.; percentage - The point value that is represented as a percentage value. Available only for the Donut, Pie, and 100% stacked charts.; runningTotal - The sum of point values from the last runningTotal summary point onwards. Available for the Waterfall series. or total - The sum of all previous series values. Available for the Waterfall series..

Example

<kendo:chart-seriesItem-labels visual="handle_visual">
</kendo:chart-seriesItem-labels>
<script>
    function handle_visual(e) {
        // Code to handle the visual event.
    }
</script>

Event Tags

kendo:chart-seriesItem-labels-ariaTemplate

The template which renders the ARIA label for the series labels.The fields which can be used in the template are: category - the category name. Available for area, bar, column, bubble, donut, line and pie series.; dataItem - the original data item used to construct the point. Will be null if binding to array.; percentage - the point value represented as a percentage value. Available only for 100% stacked charts.; series - the data series or value - the point value. Can be a number or object containing each bound field..

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-ariaTemplate>
        <script>
            function(e) {
                // Code to handle the ariaTemplate event.
            }
        </script>
    </kendo:chart-seriesItem-labels-ariaTemplate>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-background

The background color of the labels. Accepts a valid CSS color string, including hex and rgb.

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-background>
        <script>
            function(e) {
                // Code to handle the background event.
            }
        </script>
    </kendo:chart-seriesItem-labels-background>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-color

The text color of the labels. Accepts a valid CSS color string, including hex and rgb.

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-color>
        <script>
            function(e) {
                // Code to handle the color event.
            }
        </script>
    </kendo:chart-seriesItem-labels-color>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-font

The font style of the labels. Accepts a valid CSS font string, for example "20px Courier New'".

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-font>
        <script>
            function(e) {
                // Code to handle the font event.
            }
        </script>
    </kendo:chart-seriesItem-labels-font>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-format

The format of the labels. Uses kendo.format.Format placeholders: Area, bar, column, line, pie, radarArea, radarColumn and radarLine{0} - value; Bubble{0} - x value{1} - y value{2} - size value{3} - category name; Bullet{0} - value{1} - target value; Scatter, scatterLine{0} - x value{1} - y value; PolarArea, polarLine and polarScatter{0} - x value (degrees){1} - y value; Candlestick and OHLC{0} - open value{1} - high value{2} - low value{3} - close value{4} - category name or RangeArea, rangeBar, rangeColumn{0} - from value{1} - to value.

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-format>
        <script>
            function(e) {
                // Code to handle the format event.
            }
        </script>
    </kendo:chart-seriesItem-labels-format>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-position

The position of the labels. "above" - the label is positioned at the top of the marker. Applicable for series that render points, incl. bubble.; "below" - the label is positioned at the bottom of the marker. Applicable for series that render points, incl. bubble.; "center" - the label is positioned at the point center. Applicable for bar, column, donut, pie, funnel, pyramid, radarColumn and waterfall series.; "insideBase" - the label is positioned inside, near the base of the bar. Applicable for bar, column and waterfall series.; "insideEnd" - the label is positioned inside, near the end of the point. Applicable for bar, column, donut, pie, radarColumn and waterfall series.; "left" - the label is positioned to the left of the marker. Applicable for series that render points, incl. bubble.; "outsideEnd" - the label is positioned outside, near the end of the point. Applicable for bar, column, donut, pie, radarColumn and waterfall series. Not applicable for stacked series.; "right" - the label is positioned to the right of the marker. Applicable for series that render points, incl. bubble.; "top" - the label is positioned at the top of the segment. Applicable for funnel series.; "bottom" - the label is positioned at the bottom of the segment. Applicable for funnel and pyramid series. or "auto" - the from and to labels area positioned at the top/bottom(rangeArea series) or left/right(verticalRangeArea series) so that they are outside the filled area. Applicable for rangeArea and verticalRangeArea series..

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-position>
        <script>
            function(e) {
                // Code to handle the position event.
            }
        </script>
    </kendo:chart-seriesItem-labels-position>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-template

The template which renders the chart series label.The fields which can be used in the template are: category - the category name. Available for area, bar, column, bubble, donut, line, pie and waterfall series.; dataItem - the original data item used to construct the point. Will be null if binding to array.; percentage - the point value represented as a percentage value. Available only for donut, pie and 100% stacked charts.; series - the data series; stackValue - the cumulative point value on the stack. Available only for stackable series.; value - the point value. Can be a number or object containing each bound field.; runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series. or total - the sum of all previous series values. Available for waterfall series..

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-template>
        <script>
            function(e) {
                // Code to handle the template event.
            }
        </script>
    </kendo:chart-seriesItem-labels-template>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-visible

If set to true the chart will display the series labels. By default chart series labels are not displayed.

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-visible>
        <script>
            function(e) {
                // Code to handle the visible event.
            }
        </script>
    </kendo:chart-seriesItem-labels-visible>
</kendo:chart-seriesItem-labels>

kendo:chart-seriesItem-labels-visual

A function that can be used to create a custom visual for the labels. The available argument fields are: text - the label text.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; options - the label options.; createVisual - a function that can be used to get the default visual.; sender - the chart instance (may be undefined).; value - The point value.; category - The point category.; stackValue - The cumulative point value on the stack. Available only for the stackable series.; dataItem - The point dataItem.; series - The point series.; percentage - The point value that is represented as a percentage value. Available only for the Donut, Pie, and 100% stacked charts.; runningTotal - The sum of point values from the last runningTotal summary point onwards. Available for the Waterfall series. or total - The sum of all previous series values. Available for the Waterfall series..

Example

<kendo:chart-seriesItem-labels>
    <kendo:chart-seriesItem-labels-visual>
        <script>
            function(e) {
                // Code to handle the visual event.
            }
        </script>
    </kendo:chart-seriesItem-labels-visual>
</kendo:chart-seriesItem-labels>
In this article
Not finding the help you need?