<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>