<kendo:chart-seriesItem-markers>

The chart series marker configuration.

Example

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

Configuration Attributes

background java.lang.String

The background color of the series markers.

Example

<kendo:chart-seriesItem-markers background="background">
</kendo:chart-seriesItem-markers>

border java.lang.String

The border of the markers. Further configuration is available via kendo:chart-seriesItem-markers-border.

Example

<kendo:chart-seriesItem-markers border="border">
</kendo:chart-seriesItem-markers>

borderRadius float

The border radius in pixels when type is set to "roundedRect". Defaults to 1/5 of the marker size.

Example

<kendo:chart-seriesItem-markers borderRadius="borderRadius">
</kendo:chart-seriesItem-markers>

rotation float

The rotation angle of the markers.

Example

<kendo:chart-seriesItem-markers rotation="rotation">
</kendo:chart-seriesItem-markers>

size float

The marker size in pixels.

Example

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

type java.lang.String

The markers shape.The supported values are: * "circle" - the marker shape is circle. * "square" - the marker shape is square. * "triangle" - the marker shape is triangle. * "cross" - the marker shape is cross. * "rect" - alias for "square". * "roundedRect" - the marker shape is a rounded rectangle.

Example

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

visible boolean

If set to true the chart will display the series markers. By default chart series markers are displayed.

Example

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

visual java.lang.String

A function that can be used to create a custom visual for the markers. The available argument fields are: rect - the kendo.geometry.Rect that defines where the visual should be rendered.; options - the marker options.; createVisual - a function that can be used to get the default visual.; category - the category of the marker point.; dataItem - the dataItem of the marker point.; value - the value of the marker point.; sender - the chart instance. or series - the series of the marker point..

Example

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

zIndex float

An optional Z-index that can be used to change the default stacking order of the markers.

Example

<kendo:chart-seriesItem-markers zIndex="zIndex">
</kendo:chart-seriesItem-markers>

Configuration JSP Tags

kendo:chart-seriesItem-markers-border

The border of the markers.

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

Example

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

kendo:chart-seriesItem-markers-from

The chart series marker configuration for the "from" point. Supported for "rangeArea" and "verticalRangeArea" series.

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

Example

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

kendo:chart-seriesItem-markers-to

The chart series marker configuration for the "to" point. Supported for "rangeArea" and "verticalRangeArea" series.

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

Example

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

Event Attributes

background String

The background color of the series markers.

Example

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

size String

The marker size in pixels.

Example

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

type String

The markers shape.The supported values are: * "circle" - the marker shape is circle. * "square" - the marker shape is square. * "triangle" - the marker shape is triangle. * "cross" - the marker shape is cross. * "rect" - alias for "square". * "roundedRect" - the marker shape is a rounded rectangle.

Example

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

visible String

If set to true the chart will display the series markers. By default chart series markers are displayed.

Example

<kendo:chart-seriesItem-markers visible="handle_visible">
</kendo:chart-seriesItem-markers>
<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 markers. The available argument fields are: rect - the kendo.geometry.Rect that defines where the visual should be rendered.; options - the marker options.; createVisual - a function that can be used to get the default visual.; category - the category of the marker point.; dataItem - the dataItem of the marker point.; value - the value of the marker point.; sender - the chart instance. or series - the series of the marker point..

Example

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

rotation String

The rotation angle of the markers.

Example

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

zIndex String

An optional Z-index that can be used to change the default stacking order of the markers.

Example

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

Event Tags

kendo:chart-seriesItem-markers-background

The background color of the series markers.

Example

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

kendo:chart-seriesItem-markers-size

The marker size in pixels.

Example

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

kendo:chart-seriesItem-markers-type

The markers shape.The supported values are: * "circle" - the marker shape is circle. * "square" - the marker shape is square. * "triangle" - the marker shape is triangle. * "cross" - the marker shape is cross. * "rect" - alias for "square". * "roundedRect" - the marker shape is a rounded rectangle.

Example

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

kendo:chart-seriesItem-markers-visible

If set to true the chart will display the series markers. By default chart series markers are displayed.

Example

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

kendo:chart-seriesItem-markers-visual

A function that can be used to create a custom visual for the markers. The available argument fields are: rect - the kendo.geometry.Rect that defines where the visual should be rendered.; options - the marker options.; createVisual - a function that can be used to get the default visual.; category - the category of the marker point.; dataItem - the dataItem of the marker point.; value - the value of the marker point.; sender - the chart instance. or series - the series of the marker point..

Example

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

kendo:chart-seriesItem-markers-rotation

The rotation angle of the markers.

Example

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

kendo:chart-seriesItem-markers-zIndex

An optional Z-index that can be used to change the default stacking order of the markers.

Example

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