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