<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" 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" are: "center" - the labels are positioned in the center over the funnel segment.; "right" - the labels are positioned on the right side of the chart and do not (if there is enough space) overlap the funnel 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 funnel segment(s)..

Example

<kendo:chart-seriesItem-labels align="align">
</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.

Example

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

format java.lang.String

The format of the labels. Uses kendo.format.

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, 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. or "bottom" - the label is positioned at the bottom of the segment. Applicable for funnel 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. or sender - the chart instance (may be undefined)..

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

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.

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.

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, 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. or "bottom" - the label is positioned at the bottom of the segment. Applicable for funnel 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. or sender - the chart instance (may be undefined)..

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-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.

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.

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, 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. or "bottom" - the label is positioned at the bottom of the segment. Applicable for funnel 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. or sender - the chart instance (may be undefined)..

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>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy