<kendo:stockChart-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:stockChart-series>
    <kendo:stockChart-seriesItem></kendo:stockChart-seriesItem>
</kendo:stockChart-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:stockChart-seriesItem aggregate="aggregate">
</kendo:stockChart-seriesItem>

axis java.lang.String

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

Example

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

categoryField java.lang.String

The data item field which contains the category name or date.

Example

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

closeField java.lang.String

The data field containing the close value.** Available for candlestick and ohlc series only **

Example

<kendo:stockChart-seriesItem closeField="closeField">
</kendo:stockChart-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:stockChart-seriesItem color="color">
</kendo:stockChart-seriesItem>

colorField java.lang.String

The data field containing the point color.** Applicable for column, candlestick and ohlc series. **

Example

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

currentField java.lang.String

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

Example

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

dashType java.lang.String

The series line dash type.** Applicable only to line series **

Example

<kendo:stockChart-seriesItem dashType="dashType">
</kendo:stockChart-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.; Array of numbers. Available for area, column and line series. or Array of arrays of numbers. Available for:OHLC and candlestick series (open, high, low, close).

Example

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

downColor java.lang.String

The series color when the open value is greater than the close value.** Available for candlestick series only **

Example

<kendo:stockChart-seriesItem downColor="downColor">
</kendo:stockChart-seriesItem>

downColorField java.lang.String

The data field containing the color applied when the open value is greater than the close value.** Available for candlestick series only **

Example

<kendo:stockChart-seriesItem downColorField="downColorField">
</kendo:stockChart-seriesItem>

field java.lang.String

The data field containing the series value.

Example

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

gap float

The distance between category clusters.** Applicable for column, candlestick and ohlc series. **

Example

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

highField java.lang.String

The data field containing the high value.** Available for candlestick and ohlc series only **

Example

<kendo:stockChart-seriesItem highField="highField">
</kendo:stockChart-seriesItem>

line java.lang.String

Line options.** Applicable to area, candlestick and ohlc series. ** Further configuration is available via kendo:stockChart-seriesItem-line.

Example

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

lowField java.lang.String

The data field containing the low value.** Available for candlestick and ohlc series **

Example

<kendo:stockChart-seriesItem lowField="lowField">
</kendo:stockChart-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:stockChart-seriesItem missingValues="missingValues">
</kendo:stockChart-seriesItem>

name java.lang.String

The series name visible in the legend.

Example

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

negativeColor java.lang.String

Color to use for bars with negative values.** Applicable only to column series. **The plot stops before the missing point and continues after it.

Example

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

opacity float

The series opacity.

Example

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

openField java.lang.String

The data field containing the open value.** Available for candlestick and ohlc series **

Example

<kendo:stockChart-seriesItem openField="openField">
</kendo:stockChart-seriesItem>

spacing float

Space between points as proportion of the point width.Available for column, candlestick and ohlc series.

Example

<kendo:stockChart-seriesItem spacing="spacing">
</kendo:stockChart-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:stockChart-seriesItem-stack.

Example

<kendo:stockChart-seriesItem stack="stack">
</kendo:stockChart-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 at right. or "smooth" - The values will be connected with a smooth line..

Example

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

targetField java.lang.String

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

Example

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

type java.lang.String

The type of the series. Available types: area; column; line; candlestick, ohlc or bullet.

Example

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

visibleInLegend boolean

A value indicating whether to show the series name in the legend.

Example

<kendo:stockChart-seriesItem visibleInLegend="visibleInLegend">
</kendo:stockChart-seriesItem>

width float

The line width.** Applicable for area and line series. **

Example

<kendo:stockChart-seriesItem width="width">
</kendo:stockChart-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:stockChart-seriesItem zIndex="zIndex">
</kendo:stockChart-seriesItem>

Configuration JSP Tags

kendo:stockChart-seriesItem-border

The border of the points.** Applicable to column, ohlc and candlestick series **

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

Example

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

kendo:stockChart-seriesItem-highlight

Configures the appearance of highlighted points.

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

Example

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

kendo:stockChart-seriesItem-labels

Configures the series data labels.

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

Example

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

kendo:stockChart-seriesItem-line

Line options.** Applicable to area, candlestick and ohlc series. **

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

Example

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

kendo:stockChart-seriesItem-markers

Marker options.** Applicable for area and line series. **

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

Example

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

kendo:stockChart-seriesItem-notes

The series notes configuration.

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

Example

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

kendo:stockChart-seriesItem-overlay

The effects overlay.

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

Example

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

kendo:stockChart-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:stockChart-seriesItem-stack.

Example

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

kendo:stockChart-seriesItem-target

The target of the bullet chart.

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

Example

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

kendo:stockChart-seriesItem-tooltip

The data point tooltip configuration options.

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

Example

<kendo:stockChart-seriesItem>
    <kendo:stockChart-seriesItem-tooltip></kendo:stockChart-seriesItem-tooltip>
</kendo:stockChart-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:stockChart-seriesItem aggregate="handle_aggregate">
</kendo:stockChart-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:stockChart-seriesItem color="handle_color">
</kendo:stockChart-seriesItem>
<script>
    function handle_color(e) {
        // Code to handle the color event.
    }
</script>

downColor String

The series color when the open value is greater than the close value.** Available for candlestick series only **

Example

<kendo:stockChart-seriesItem downColor="handle_downColor">
</kendo:stockChart-seriesItem>
<script>
    function handle_downColor(e) {
        // Code to handle the downColor event.
    }
</script>

Event Tags

kendo:stockChart-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:stockChart-seriesItem>
    <kendo:stockChart-seriesItem-aggregate>
        <script>
            function(e) {
                // Code to handle the aggregate event.
            }
        </script>
    </kendo:stockChart-seriesItem-aggregate>
</kendo:stockChart-seriesItem>

kendo:stockChart-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:stockChart-seriesItem>
    <kendo:stockChart-seriesItem-color>
        <script>
            function(e) {
                // Code to handle the color event.
            }
        </script>
    </kendo:stockChart-seriesItem-color>
</kendo:stockChart-seriesItem>

kendo:stockChart-seriesItem-downColor

The series color when the open value is greater than the close value.** Available for candlestick series only **

Example

<kendo:stockChart-seriesItem>
    <kendo:stockChart-seriesItem-downColor>
        <script>
            function(e) {
                // Code to handle the downColor event.
            }
        </script>
    </kendo:stockChart-seriesItem-downColor>
</kendo:stockChart-seriesItem>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy