<kendo:chart-seriesItem-markers-from>

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

Example

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

Configuration Attributes

background java.lang.String

The background color of the markers.

Example

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

border java.lang.String

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

Example

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

rotation float

The rotation angle of the markers.

Example

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

size float

The marker size in pixels.

Example

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

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

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

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

Configuration JSP Tags

kendo:chart-seriesItem-markers-from-border

The border of the markers.

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

Example

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

Event Attributes

background String

The background color of the markers.

Example

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

size String

The marker size in pixels.

Example

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

Event Tags

kendo:chart-seriesItem-markers-from-background

The background color of the markers.

Example

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

kendo:chart-seriesItem-markers-from-size

The marker size in pixels.

Example

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

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

kendo:chart-seriesItem-markers-from-visible

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

Example

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

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

kendo:chart-seriesItem-markers-from-rotation

The rotation angle of the markers.

Example

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