<kendo:chart-seriesItem-markers-to>

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

Example

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

Configuration Attributes

background java.lang.String

The background color of the markers.

Example

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

border java.lang.String

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

Example

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

rotation float

The rotation angle of the markers.

Example

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

size float

The marker size in pixels.

Example

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

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.

Example

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

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-to visible="visible">
</kendo:chart-seriesItem-markers-to>

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-to visual="visual">
</kendo:chart-seriesItem-markers-to>

Configuration JSP Tags

kendo:chart-seriesItem-markers-to-border

The border of the markers.

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

Example

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

Event Attributes

background String

The background color of the markers.

Example

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

size String

The marker size in pixels.

Example

<kendo:chart-seriesItem-markers-to size="handle_size">
</kendo:chart-seriesItem-markers-to>
<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.

Example

<kendo:chart-seriesItem-markers-to type="handle_type">
</kendo:chart-seriesItem-markers-to>
<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-to visible="handle_visible">
</kendo:chart-seriesItem-markers-to>
<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-to visual="handle_visual">
</kendo:chart-seriesItem-markers-to>
<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-to rotation="handle_rotation">
</kendo:chart-seriesItem-markers-to>
<script>
    function handle_rotation(e) {
        // Code to handle the rotation event.
    }
</script>

Event Tags

kendo:chart-seriesItem-markers-to-background

The background color of the markers.

Example

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

kendo:chart-seriesItem-markers-to-size

The marker size in pixels.

Example

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

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

Example

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

kendo:chart-seriesItem-markers-to-visible

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

Example

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

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

kendo:chart-seriesItem-markers-to-rotation

The rotation angle of the markers.

Example

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