<kendo:sparkline-seriesItem>

Array of series definitions.The series type is determined by the value of the type field. If a type value is missing, the type is assumed to be the one specified in seriesDefaults.Each series type has a different set of options.

Example

<kendo:sparkline-series>
    <kendo:sparkline-seriesItem></kendo:sparkline-seriesItem>
</kendo:sparkline-series>

Configuration Attributes

aggregate java.lang.String

The aggregate function to apply for date series.This function is used when a category (an year, month, etc.) contains two or more points. The function return value is displayed instead of the individual points.The supported values are: "avg" - the average of all values for the date period.; "count" - the number of values for the date period.; "max" - the highest value for the date period.; "min" - the lowest value for the date period.; "sum" - the sum of all values for the date period. Defaults to 0 if no data points are defined.; "sumOrNull" - the sum of all values for the date period. Defaults to null if no data points are defined.; "first" - the first value; function(values, series, dataItems, category) - user-defined aggregate function. Returns single value or data item. or object - (compound aggregate)Applicable to "candlestick" and ohlc "series". Specifies the aggregate for each data item field..

Example

<kendo:sparkline-seriesItem aggregate="aggregate">
</kendo:sparkline-seriesItem>

axis java.lang.String

The name of the value axis to use.Applicable to area, bar, column and line series

Example

<kendo:sparkline-seriesItem axis="axis">
</kendo:sparkline-seriesItem>

categoryField java.lang.String

The data field containing the point category name.Applicable to pie series.

Example

<kendo:sparkline-seriesItem categoryField="categoryField">
</kendo:sparkline-seriesItem>

color java.lang.String

The series base color. The supported values are: CSS color string, including hex and rgb or function(point) - user-defined function that will be evaluated for each point. Returning undefined will assume the default series color..

Example

<kendo:sparkline-seriesItem color="color">
</kendo:sparkline-seriesItem>

colorField java.lang.String

The data field containing the point color.Applicable for bar, column and pie series.

Example

<kendo:sparkline-seriesItem colorField="colorField">
</kendo:sparkline-seriesItem>

currentField java.lang.String

The data field containing the current value.Available for bullet and verticalBullet series.

Example

<kendo:sparkline-seriesItem currentField="currentField">
</kendo:sparkline-seriesItem>

dashType java.lang.String

The series line dash type.Applicable only to line series

Example

<kendo:sparkline-seriesItem dashType="dashType">
</kendo:sparkline-seriesItem>

data java.lang.Object

Array of data items. The data item type can be either a: Array of objects. Each point is bound to the specified series fields. or Array of numbers. Available for area, bar, column, pie and line series..

Example

<kendo:sparkline-seriesItem data="data">
</kendo:sparkline-seriesItem>

explodeField java.lang.String

The data field containing a Boolean value that indicates if the sector is exploded.Available for pie series

Example

<kendo:sparkline-seriesItem explodeField="explodeField">
</kendo:sparkline-seriesItem>

field java.lang.String

The data field containing the series value.

Example

<kendo:sparkline-seriesItem field="field">
</kendo:sparkline-seriesItem>

gap float

The distance between category clusters.Applicable for bar and column series.

Example

<kendo:sparkline-seriesItem gap="gap">
</kendo:sparkline-seriesItem>

line java.lang.String

Line options.Applicable to area series. Further configuration is available via kendo:sparkline-seriesItem-line.

Example

<kendo:sparkline-seriesItem line="line">
</kendo:sparkline-seriesItem>

missingValues java.lang.String

The behavior for handling missing values. The supported values are: "gap" - the plot stops before the missing point and continues after it.; "interpolate" - the value is interpolated from neighboring points. or "zero" - the value is assumed to be zero..

Example

<kendo:sparkline-seriesItem missingValues="missingValues">
</kendo:sparkline-seriesItem>

name java.lang.String

The series name.The name can also be a template which sets the name of the series when bound to grouped data source.The fields which can be used in the template are: series - the series options; group - the data group; group.field - the name of the field used for grouping or group.value - the field value for this group..

Example

<kendo:sparkline-seriesItem name="name">
</kendo:sparkline-seriesItem>

negativeColor java.lang.String

Color to use for bars with negative values.Applicable only to bar and column series.

Example

<kendo:sparkline-seriesItem negativeColor="negativeColor">
</kendo:sparkline-seriesItem>

opacity float

The series opacity.

Example

<kendo:sparkline-seriesItem opacity="opacity">
</kendo:sparkline-seriesItem>

padding float

The padding around the chart (equal on all sides).Available for pie series.

Example

<kendo:sparkline-seriesItem padding="padding">
</kendo:sparkline-seriesItem>

size float

The size (or radius) of the series in pixels. If not specified, the available space is split evenly between the series.Available for only.

Example

<kendo:sparkline-seriesItem size="size">
</kendo:sparkline-seriesItem>

spacing float

Space between points as proportion of the point width.Available for bar and column series.

Example

<kendo:sparkline-seriesItem spacing="spacing">
</kendo:sparkline-seriesItem>

stack java.lang.Object

A Boolean value indicating if the series should be stacked. A string value is interpreted as series.stack.group. Further configuration is available via kendo:sparkline-seriesItem-stack.

Example

<kendo:sparkline-seriesItem stack="stack">
</kendo:sparkline-seriesItem>

startAngle float

The start angle of the first segment.Available for pie series.

Example

<kendo:sparkline-seriesItem startAngle="startAngle">
</kendo:sparkline-seriesItem>

style java.lang.String

The supported values are: "normal" - The values will be connected with straight line.; "step" - The values will be connected with a line with right angle. or "smooth" - The values will be connected with a smooth line..

Example

<kendo:sparkline-seriesItem style="style">
</kendo:sparkline-seriesItem>

targetField java.lang.String

The data field containing the target value.Available for bullet and verticalBullet series.Available for pie series

Example

<kendo:sparkline-seriesItem targetField="targetField">
</kendo:sparkline-seriesItem>

type java.lang.String

The type of the series. Available types: area; column (synonym: bar); line; pie or bullet.

Example

<kendo:sparkline-seriesItem type="type">
</kendo:sparkline-seriesItem>

width float

The line width.Available for line series

Example

<kendo:sparkline-seriesItem width="width">
</kendo:sparkline-seriesItem>

zIndex float

An optional Z-index that can be used to change the default stacking order of series.The series with the highest Z-index will be placed on top.Series with no Z-index will use the default stacking order based on series type. For example line series will be on top with bar and area following below.

Example

<kendo:sparkline-seriesItem zIndex="zIndex">
</kendo:sparkline-seriesItem>

Configuration JSP Tags

kendo:sparkline-seriesItem-border

The border of the points.Applicable to bar, column and pie series

More documentation is available at kendo:sparkline-seriesItem-border.

Example

<kendo:sparkline-seriesItem>
    <kendo:sparkline-seriesItem-border></kendo:sparkline-seriesItem-border>
</kendo:sparkline-seriesItem>

kendo:sparkline-seriesItem-connectors

The label connectors options.Applicable to pie series.

More documentation is available at kendo:sparkline-seriesItem-connectors.

Example

<kendo:sparkline-seriesItem>
    <kendo:sparkline-seriesItem-connectors></kendo:sparkline-seriesItem-connectors>
</kendo:sparkline-seriesItem>

kendo:sparkline-seriesItem-highlight

Configures the appearance of highlighted points.

More documentation is available at kendo:sparkline-seriesItem-highlight.

Example

<kendo:sparkline-seriesItem>
    <kendo:sparkline-seriesItem-highlight></kendo:sparkline-seriesItem-highlight>
</kendo:sparkline-seriesItem>

kendo:sparkline-seriesItem-labels

Configures the series data labels.

More documentation is available at kendo:sparkline-seriesItem-labels.

Example

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

kendo:sparkline-seriesItem-line

Line options.Applicable to area series.

More documentation is available at kendo:sparkline-seriesItem-line.

Example

<kendo:sparkline-seriesItem>
    <kendo:sparkline-seriesItem-line></kendo:sparkline-seriesItem-line>
</kendo:sparkline-seriesItem>

kendo:sparkline-seriesItem-markers

Marker options.Applicable to area and line series

More documentation is available at kendo:sparkline-seriesItem-markers.

Example

<kendo:sparkline-seriesItem>
    <kendo:sparkline-seriesItem-markers></kendo:sparkline-seriesItem-markers>
</kendo:sparkline-seriesItem>

kendo:sparkline-seriesItem-notes

The series notes configuration.

More documentation is available at kendo:sparkline-seriesItem-notes.

Example

<kendo:sparkline-seriesItem>
    <kendo:sparkline-seriesItem-notes></kendo:sparkline-seriesItem-notes>
</kendo:sparkline-seriesItem>

kendo:sparkline-seriesItem-overlay

The effects overlay.

More documentation is available at kendo:sparkline-seriesItem-overlay.

Example

<kendo:sparkline-seriesItem>
    <kendo:sparkline-seriesItem-overlay></kendo:sparkline-seriesItem-overlay>
</kendo:sparkline-seriesItem>

kendo:sparkline-seriesItem-stack

A Boolean value indicating if the series should be stacked. A string value is interpreted as series.stack.group.

More documentation is available at kendo:sparkline-seriesItem-stack.

Example

<kendo:sparkline-seriesItem>
    <kendo:sparkline-seriesItem-stack></kendo:sparkline-seriesItem-stack>
</kendo:sparkline-seriesItem>

kendo:sparkline-seriesItem-target

The target of the bullet chart.

More documentation is available at kendo:sparkline-seriesItem-target.

Example

<kendo:sparkline-seriesItem>
    <kendo:sparkline-seriesItem-target></kendo:sparkline-seriesItem-target>
</kendo:sparkline-seriesItem>

kendo:sparkline-seriesItem-tooltip

The data point tooltip configuration options.

More documentation is available at kendo:sparkline-seriesItem-tooltip.

Example

<kendo:sparkline-seriesItem>
    <kendo:sparkline-seriesItem-tooltip></kendo:sparkline-seriesItem-tooltip>
</kendo:sparkline-seriesItem>

Event Attributes

aggregate String

The aggregate function to apply for date series.This function is used when a category (an year, month, etc.) contains two or more points. The function return value is displayed instead of the individual points.The supported values are: "avg" - the average of all values for the date period.; "count" - the number of values for the date period.; "max" - the highest value for the date period.; "min" - the lowest value for the date period.; "sum" - the sum of all values for the date period. Defaults to 0 if no data points are defined.; "sumOrNull" - the sum of all values for the date period. Defaults to null if no data points are defined.; "first" - the first value; function(values, series, dataItems, category) - user-defined aggregate function. Returns single value or data item. or object - (compound aggregate)Applicable to "candlestick" and ohlc "series". Specifies the aggregate for each data item field..

Example

<kendo:sparkline-seriesItem aggregate="handle_aggregate">
</kendo:sparkline-seriesItem>
<script>
    function handle_aggregate(e) {
        // Code to handle the aggregate event.
    }
</script>

color String

The series base color. The supported values are: CSS color string, including hex and rgb or function(point) - user-defined function that will be evaluated for each point. Returning undefined will assume the default series color..

Example

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

Event Tags

kendo:sparkline-seriesItem-aggregate

The aggregate function to apply for date series.This function is used when a category (an year, month, etc.) contains two or more points. The function return value is displayed instead of the individual points.The supported values are: "avg" - the average of all values for the date period.; "count" - the number of values for the date period.; "max" - the highest value for the date period.; "min" - the lowest value for the date period.; "sum" - the sum of all values for the date period. Defaults to 0 if no data points are defined.; "sumOrNull" - the sum of all values for the date period. Defaults to null if no data points are defined.; "first" - the first value; function(values, series, dataItems, category) - user-defined aggregate function. Returns single value or data item. or object - (compound aggregate)Applicable to "candlestick" and ohlc "series". Specifies the aggregate for each data item field..

Example

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

kendo:sparkline-seriesItem-color

The series base color. The supported values are: CSS color string, including hex and rgb or function(point) - user-defined function that will be evaluated for each point. Returning undefined will assume the default series color..

Example

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