<kendo:stockChart-navigator-seriesItem>

Array of series definitions.Accepts the same options as the root series collection.Omitting the array and specifying a single series is also acceptable.

Example

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

categoryField java.lang.String

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

Example

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

closeField java.lang.String

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

Example

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

colorField java.lang.String

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

Example

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

dashType java.lang.String

The dash type of line chart.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line.

Example

<kendo:stockChart-navigator-seriesItem dashType="dashType">
</kendo:stockChart-navigator-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-navigator-seriesItem data="data">
</kendo:stockChart-navigator-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-navigator-seriesItem downColor="downColor">
</kendo:stockChart-navigator-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-navigator-seriesItem downColorField="downColorField">
</kendo:stockChart-navigator-seriesItem>

field java.lang.String

The data field containing the series value.

Example

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

gap float

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

Example

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

highField java.lang.String

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

Example

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

line java.lang.String

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

Example

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

lowField java.lang.String

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

Example

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

name java.lang.String

The navigator series name.

Example

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

opacity float

The series opacity.

Example

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

openField java.lang.String

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

Example

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

spacing float

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

Example

<kendo:stockChart-navigator-seriesItem spacing="spacing">
</kendo:stockChart-navigator-seriesItem>

stack java.lang.Object

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

Example

<kendo:stockChart-navigator-seriesItem stack="stack">
</kendo:stockChart-navigator-seriesItem>

style java.lang.String

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

Example

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

type java.lang.String

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

Example

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

width float

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

Example

<kendo:stockChart-navigator-seriesItem width="width">
</kendo:stockChart-navigator-seriesItem>

Configuration JSP Tags

kendo:stockChart-navigator-seriesItem-border

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

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

Example

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

kendo:stockChart-navigator-seriesItem-highlight

Configures the appearance of highlighted points.** Applicable to candlestick and ohlc series. **

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

Example

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

kendo:stockChart-navigator-seriesItem-labels

Configures the series data labels.

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

Example

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

kendo:stockChart-navigator-seriesItem-line

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

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

Example

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

kendo:stockChart-navigator-seriesItem-markers

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

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

Example

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

kendo:stockChart-navigator-seriesItem-overlay

The effects overlay.

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

Example

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

kendo:stockChart-navigator-seriesItem-stack

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

More documentation is available at kendo:stockChart-navigator-seriesItem-stack.

Example

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

kendo:stockChart-navigator-seriesItem-tooltip

The data point tooltip configuration options.

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

Example

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

Event Tags

kendo:stockChart-navigator-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-navigator-seriesItem>
    <kendo:stockChart-navigator-seriesItem-aggregate>
        <script>
            function(e) {
                // Code to handle the aggregate event.
            }
        </script>
    </kendo:stockChart-navigator-seriesItem-aggregate>
</kendo:stockChart-navigator-seriesItem>
In this article
Not finding the help you need?