<kendo:chart-seriesItem>

The configuration of the chart series.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.

Example

<kendo:chart-series>
    <kendo:chart-seriesItem></kendo:chart-seriesItem>
</kendo:chart-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", "boxPlot" and ohlc "series". Specifies the aggregate for each data item field..

Example

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

axis java.lang.String

The name of the value axis to use.

Example

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

categoryAxis java.lang.String

The name of the category axis to use for the series.The first axis will be used if no categoryAxis is specified.

Example

<kendo:chart-seriesItem categoryAxis="categoryAxis">
</kendo:chart-seriesItem>

categoryField java.lang.String

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

Example

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

closeField java.lang.String

The data field containing the close value.

Example

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

colorField java.lang.String

The data item field which contains the series color.

Example

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

currentField java.lang.String

The data item field containing the current value.

Example

<kendo:chart-seriesItem currentField="currentField">
</kendo:chart-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:chart-seriesItem dashType="dashType">
</kendo:chart-seriesItem>

data java.lang.Object

The array of data items which represent the series data.Can be set to : Array of objects. Each point is bound to the field specified via the series.field option.; Array of numbers. Supported when the series.type option is set to "area", "bar", "column", "donut", "pie", "line" or "waterfall". or Array of arrays of numbers. Supported when the series.type option is set to "bubble", "scatter", "scatterLine", "ohlc", "rangeBar", "rangeArea" or polar series.Bubble series need arrays of three values - X value, Y value and Size value e.g. [1, 1, 10]Scatter and scatter line series need arrays of two values - X value and Y valueOHLC and candlestick series need arrays of four values - open, high, low and closeRangeBar and RangeArea series need arrays of two values - the from and to value..

Example

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

downColor java.lang.String

The series color when the open value is greater than the close value.

Example

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

downColorField java.lang.String

The data field containing the color applied when the open value is greater than the close value.

Example

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

dynamicHeight boolean

When set to false all segments become with the same height, otherwise the height of each segment is based on its value.

Example

<kendo:chart-seriesItem dynamicHeight="dynamicHeight">
</kendo:chart-seriesItem>

dynamicSlope boolean

When set to true the ratio of the bases of each segment is calculated based on the ratio of currentDataItem.value/nextDataItem.value The last element is always created like a rectangle since there is no following element.

Example

<kendo:chart-seriesItem dynamicSlope="dynamicSlope">
</kendo:chart-seriesItem>

errorHighField java.lang.String

The data item field which contains the series.errorBars high value.

Example

<kendo:chart-seriesItem errorHighField="errorHighField">
</kendo:chart-seriesItem>

errorLowField java.lang.String

The data item field which contains the series.errorBars low value.

Example

<kendo:chart-seriesItem errorLowField="errorLowField">
</kendo:chart-seriesItem>

explodeField java.lang.String

The data item field which contains a boolean value indicating whether the sector is exploded.

Example

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

field java.lang.String

The data item field which contains the series value.

Example

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

fromField java.lang.String

The data item field which contains the series from value.

Example

<kendo:chart-seriesItem fromField="fromField">
</kendo:chart-seriesItem>

gap float

The distance between categories expressed as a percentage of the bar width.See the related spacing setting.

Example

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

highField java.lang.String

The data field containing the high value.

Example

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

holeSize float

The diameter of the donut hole in pixels.

Example

<kendo:chart-seriesItem holeSize="holeSize">
</kendo:chart-seriesItem>

line java.lang.String

The chart line configuration options. Further configuration is available via kendo:chart-seriesItem-line.

Example

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

lowField java.lang.String

The data field containing the low value.

Example

<kendo:chart-seriesItem lowField="lowField">
</kendo:chart-seriesItem>

lowerField java.lang.String

The data item field which contains the series lower value.

Example

<kendo:chart-seriesItem lowerField="lowerField">
</kendo:chart-seriesItem>

margin float

The margin around each donut series (ring). A numeric value will set all margins. Further configuration is available via kendo:chart-seriesItem-margin.

Example

<kendo:chart-seriesItem margin="margin">
</kendo:chart-seriesItem>

maxSize float

The maximum size of the chart bubble series marker.

Example

<kendo:chart-seriesItem maxSize="maxSize">
</kendo:chart-seriesItem>

meanField java.lang.String

The data item field which contains the series mean value.

Example

<kendo:chart-seriesItem meanField="meanField">
</kendo:chart-seriesItem>

medianField java.lang.String

The data item field which contains the series median value.

Example

<kendo:chart-seriesItem medianField="medianField">
</kendo:chart-seriesItem>

minSize float

The minimum size of the chart bubble series marker.

Example

<kendo:chart-seriesItem minSize="minSize">
</kendo:chart-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:chart-seriesItem missingValues="missingValues">
</kendo:chart-seriesItem>

name java.lang.String

The name of the chart series which is visible in the legend.

Example

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

neckRatio float

specifies the ratio top-base/bottom-base of the whole chart. neckRatio set to three means the top base is three times smaller than the bottom base.

Example

<kendo:chart-seriesItem neckRatio="neckRatio">
</kendo:chart-seriesItem>

negativeColor java.lang.String

The color to use for bar, column or waterfall series with negative values. Accepts a valid CSS color string, including hex and rgb.

Example

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

noteTextField java.lang.String

The data item field which contains the series note text.

Example

<kendo:chart-seriesItem noteTextField="noteTextField">
</kendo:chart-seriesItem>

opacity float

The series opacity. By default the series are opaque.

Example

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

openField java.lang.String

The data field containing the open value.

Example

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

outliersField java.lang.String

The data item field which contains the series outliers value.

Example

<kendo:chart-seriesItem outliersField="outliersField">
</kendo:chart-seriesItem>

padding float

The padding around the chart (equal on all sides).

Example

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

q1Field java.lang.String

The data item field which contains the series q1 value.

Example

<kendo:chart-seriesItem q1Field="q1Field">
</kendo:chart-seriesItem>

q3Field java.lang.String

The data item field which contains the series q3 value.

Example

<kendo:chart-seriesItem q3Field="q3Field">
</kendo:chart-seriesItem>

segmentSpacing float

The space in pixels between the different segments of the funnel chart.

Example

<kendo:chart-seriesItem segmentSpacing="segmentSpacing">
</kendo:chart-seriesItem>

size float

The or radius of the chart donut series in pixels. If not set, the available space is split evenly between the series.

Example

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

sizeField java.lang.String

The data field containing the bubble size value.

Example

<kendo:chart-seriesItem sizeField="sizeField">
</kendo:chart-seriesItem>

spacing float

The distance between series points within a category. Expressed as a percentage of the bar width.See the related gap setting.

Example

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

Example

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

startAngle float

The start angle (degrees) of the first donut or pie segment.Angles increase clockwise and zero is to the left. Negative values are acceptable.

Example

<kendo:chart-seriesItem startAngle="startAngle">
</kendo:chart-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:chart-seriesItem style="style">
</kendo:chart-seriesItem>

summaryField java.lang.String

The data item field which contains the summary type for waterfall series. Summary columns are optional and can be one of two types: "runningTotal" - Displays the sum of all items since the last "runningTotal" point. or "total" - Displays the sum of all previous items..

Example

<kendo:chart-seriesItem summaryField="summaryField">
</kendo:chart-seriesItem>

targetField java.lang.String

The data item field containing the target value.

Example

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

toField java.lang.String

The data item field which contains the series to value.

Example

<kendo:chart-seriesItem toField="toField">
</kendo:chart-seriesItem>

type java.lang.String

The type of the series.The supported values are: area; bar; bubble; bullet; candlestick; column; donut; funnel; horizontalWaterfall; line; ohlc; pie; polarArea; polarLine; polarScatter; radarArea; radarColumn; radarLine; rangeArea; rangeBar; rangeColumn; scatter; scatterLine; verticalArea; verticalBoxPlot; verticalBullet; verticalLine; verticalRangeArea or waterfall.

Example

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

upperField java.lang.String

The data item field which contains the series upper value.

Example

<kendo:chart-seriesItem upperField="upperField">
</kendo:chart-seriesItem>

visible boolean

Sets the visible property of a chart series

Example

<kendo:chart-seriesItem visible="visible">
</kendo:chart-seriesItem>

visibleInLegend boolean

A value indicating whether to show the point category name (for funnel, donut and pie series) or series name (for other available series types) in the legend.

Example

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

visibleInLegendField java.lang.String

The data item field which indicates whether to show the point category name in the legend.

Example

<kendo:chart-seriesItem visibleInLegendField="visibleInLegendField">
</kendo:chart-seriesItem>

visual java.lang.String

A function that can be used to create a custom visual for the points. Applicable for bar, column, pie, donut, funnel, rangeBar, rangeColumn and waterfall series. The available argument fields are: rect - the kendo.geometry.Rect that defines where the visual should be rendered.; options - the point options.; createVisual - a function that can be used to get the default visual.; category - the point category.; dataItem - the point dataItem.; value - the point value.; stackValue - the cumulative point value on the stack. Available only for stackable series.; sender - the chart instance.; series - the point series.; percentage - the point value represented as a percentage value. Available only for donut, pie and 100% stacked charts.; runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series.; total - the sum of all previous series values. Available for waterfall series.; radius - the segment radius. Available for donut and pie series.; innerRadius - the segment inner radius. Available for donut series.; startAngle - the segment start angle. Available for donut and pie series.; endAngle - the segment end angle. Available for donut and pie series.; center - the segment center point. Available for donut and pie series. or points - the segment points. Available for funnel series..

Example

<kendo:chart-seriesItem visual="visual">
</kendo:chart-seriesItem>

width float

The line width.

Example

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

xAxis java.lang.String

The name of the X axis to use.For polar series the xAxis range is expressed in degrees.

Example

<kendo:chart-seriesItem xAxis="xAxis">
</kendo:chart-seriesItem>

xErrorHighField java.lang.String

The data item field which contains the series.errorBars xAxis high value.

Example

<kendo:chart-seriesItem xErrorHighField="xErrorHighField">
</kendo:chart-seriesItem>

xErrorLowField java.lang.String

The data item field which contains the series.errorBars xAxis low value.

Example

<kendo:chart-seriesItem xErrorLowField="xErrorLowField">
</kendo:chart-seriesItem>

xField java.lang.String

The data item field containing the X value.

Example

<kendo:chart-seriesItem xField="xField">
</kendo:chart-seriesItem>

yAxis java.lang.String

The name of the Y axis to use.** Available for bubble, scatter, scatterLine and polar series. **

Example

<kendo:chart-seriesItem yAxis="yAxis">
</kendo:chart-seriesItem>

yErrorHighField java.lang.String

The data item field which contains the series.errorBars yAxis high value.

Example

<kendo:chart-seriesItem yErrorHighField="yErrorHighField">
</kendo:chart-seriesItem>

yErrorLowField java.lang.String

The data item field which contains the series.errorBars yAxis low value.

Example

<kendo:chart-seriesItem yErrorLowField="yErrorLowField">
</kendo:chart-seriesItem>

yField java.lang.String

The data item field containing the Y value.

Example

<kendo:chart-seriesItem yField="yField">
</kendo:chart-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:chart-seriesItem zIndex="zIndex">
</kendo:chart-seriesItem>

Configuration JSP Tags

kendo:chart-seriesItem-border

The border of the chart series.

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

Example

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

kendo:chart-seriesItem-connectors

The label connectors options.

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

Example

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

kendo:chart-seriesItem-errorBars

The error bars of the chart series.

More documentation is available at kendo:chart-seriesItem-errorBars.

Example

<kendo:chart-seriesItem>
    <kendo:chart-seriesItem-errorBars></kendo:chart-seriesItem-errorBars>
</kendo:chart-seriesItem>

kendo:chart-seriesItem-extremes

The chart series extremes configuration. Applies to extreme outliers. Also check series.outliers.

More documentation is available at kendo:chart-seriesItem-extremes.

Example

<kendo:chart-seriesItem>
    <kendo:chart-seriesItem-extremes></kendo:chart-seriesItem-extremes>
</kendo:chart-seriesItem>

kendo:chart-seriesItem-highlight

The chart series highlighting configuration options.

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

Example

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

kendo:chart-seriesItem-labels

The chart series label configuration.

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

Example

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

kendo:chart-seriesItem-line

The chart line configuration options.

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

Example

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

kendo:chart-seriesItem-margin

The margin around each donut series (ring). A numeric value will set all margins.

More documentation is available at kendo:chart-seriesItem-margin.

Example

<kendo:chart-seriesItem>
    <kendo:chart-seriesItem-margin></kendo:chart-seriesItem-margin>
</kendo:chart-seriesItem>

kendo:chart-seriesItem-markers

The chart series marker configuration.

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

Example

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

kendo:chart-seriesItem-negativeValues

The options for displaying the chart negative bubble values.

More documentation is available at kendo:chart-seriesItem-negativeValues.

Example

<kendo:chart-seriesItem>
    <kendo:chart-seriesItem-negativeValues></kendo:chart-seriesItem-negativeValues>
</kendo:chart-seriesItem>

kendo:chart-seriesItem-notes

The series notes configuration.

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

Example

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

kendo:chart-seriesItem-outliers

The chart series outliers configuration. Applies to mild outliers. Also check series.extremes.

More documentation is available at kendo:chart-seriesItem-outliers.

Example

<kendo:chart-seriesItem>
    <kendo:chart-seriesItem-outliers></kendo:chart-seriesItem-outliers>
</kendo:chart-seriesItem>

kendo:chart-seriesItem-overlay

The chart series overlay options.

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

Example

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

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

Example

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

kendo:chart-seriesItem-target

The configuration options of the target

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

Example

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

kendo:chart-seriesItem-tooltip

The chart series tooltip configuration options.

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

Example

<kendo:chart-seriesItem>
    <kendo:chart-seriesItem-tooltip></kendo:chart-seriesItem-tooltip>
</kendo:chart-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", "boxPlot" and ohlc "series". Specifies the aggregate for each data item field..

Example

<kendo:chart-seriesItem aggregate="handle_aggregate">
</kendo:chart-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:chart-seriesItem color="handle_color">
</kendo:chart-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.

Example

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

visual String

A function that can be used to create a custom visual for the points. Applicable for bar, column, pie, donut, funnel, rangeBar, rangeColumn and waterfall series. The available argument fields are: rect - the kendo.geometry.Rect that defines where the visual should be rendered.; options - the point options.; createVisual - a function that can be used to get the default visual.; category - the point category.; dataItem - the point dataItem.; value - the point value.; stackValue - the cumulative point value on the stack. Available only for stackable series.; sender - the chart instance.; series - the point series.; percentage - the point value represented as a percentage value. Available only for donut, pie and 100% stacked charts.; runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series.; total - the sum of all previous series values. Available for waterfall series.; radius - the segment radius. Available for donut and pie series.; innerRadius - the segment inner radius. Available for donut series.; startAngle - the segment start angle. Available for donut and pie series.; endAngle - the segment end angle. Available for donut and pie series.; center - the segment center point. Available for donut and pie series. or points - the segment points. Available for funnel series..

Example

<kendo:chart-seriesItem visual="handle_visual">
</kendo:chart-seriesItem>
<script>
    function handle_visual(e) {
        // Code to handle the visual event.
    }
</script>

Event Tags

kendo:chart-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", "boxPlot" and ohlc "series". Specifies the aggregate for each data item field..

Example

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

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

kendo:chart-seriesItem-downColor

The series color when the open value is greater than the close value.

Example

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

kendo:chart-seriesItem-visual

A function that can be used to create a custom visual for the points. Applicable for bar, column, pie, donut, funnel, rangeBar, rangeColumn and waterfall series. The available argument fields are: rect - the kendo.geometry.Rect that defines where the visual should be rendered.; options - the point options.; createVisual - a function that can be used to get the default visual.; category - the point category.; dataItem - the point dataItem.; value - the point value.; stackValue - the cumulative point value on the stack. Available only for stackable series.; sender - the chart instance.; series - the point series.; percentage - the point value represented as a percentage value. Available only for donut, pie and 100% stacked charts.; runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series.; total - the sum of all previous series values. Available for waterfall series.; radius - the segment radius. Available for donut and pie series.; innerRadius - the segment inner radius. Available for donut series.; startAngle - the segment start angle. Available for donut and pie series.; endAngle - the segment end angle. Available for donut and pie series.; center - the segment center point. Available for donut and pie series. or points - the segment points. Available for funnel series..

Example

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