<kendo:chart-legend-item-markers>

The configuration of the Chart legend item markers.By default, the marker configuration will be the same as the series.markers settings of the displayed series.

Example

<kendo:chart-legend-item>
    <kendo:chart-legend-item-markers></kendo:chart-legend-item-markers>
</kendo:chart-legend-item>

Configuration Attributes

background java.lang.String

The background color of the legend item markers.

Example

<kendo:chart-legend-item-markers background="background">
</kendo:chart-legend-item-markers>

border java.lang.String

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

Example

<kendo:chart-legend-item-markers border="border">
</kendo:chart-legend-item-markers>

borderRadius float

The border radius in pixels when type is set to "roundedRect".

Example

<kendo:chart-legend-item-markers borderRadius="borderRadius">
</kendo:chart-legend-item-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-legend-item-markers type="type">
</kendo:chart-legend-item-markers>

visible boolean

If set to true the chart will display the legend item markers. Defaults to the series options.

Example

<kendo:chart-legend-item-markers visible="visible">
</kendo:chart-legend-item-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-legend-item-markers visual="visual">
</kendo:chart-legend-item-markers>

Configuration JSP Tags

kendo:chart-legend-item-markers-border

The border of the markers.

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

Example

<kendo:chart-legend-item-markers>
    <kendo:chart-legend-item-markers-border></kendo:chart-legend-item-markers-border>
</kendo:chart-legend-item-markers>

Event Attributes

background String

The background color of the legend item markers.

Example

<kendo:chart-legend-item-markers background="handle_background">
</kendo:chart-legend-item-markers>
<script>
    function handle_background(e) {
        // Code to handle the background 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-legend-item-markers type="handle_type">
</kendo:chart-legend-item-markers>
<script>
    function handle_type(e) {
        // Code to handle the type event.
    }
</script>

visible String

If set to true the chart will display the legend item markers. Defaults to the series options.

Example

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

Event Tags

kendo:chart-legend-item-markers-background

The background color of the legend item markers.

Example

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

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

kendo:chart-legend-item-markers-visible

If set to true the chart will display the legend item markers. Defaults to the series options.

Example

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

kendo:chart-legend-item-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-legend-item-markers>
    <kendo:chart-legend-item-markers-visual>
        <script>
            function(e) {
                // Code to handle the visual event.
            }
        </script>
    </kendo:chart-legend-item-markers-visual>
</kendo:chart-legend-item-markers>
In this article
Related articles
Not finding the help you need?