series.markers.from Object
The chart series marker configuration for the "from" point. Supported for "rangeArea" and "verticalRangeArea" series.
Example - set the chart series markers "from" options
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
type: "rangeArea",
markers: {
from: {
visible: true,
background: "green",
size: 30
}
},
data: [[1, 2], [3, 5], [1, 4]]
}]
});
</script>
series.markers.from.background String|Function
The background color of the markers.
series.markers.from.border Object|Function
The border of the markers.
series.markers.from.border.color String|Function
(default: "black")
The color of the border. Accepts a valid CSS color string, including hex and rgb.
series.markers.from.border.width Number|Function
(default: 0)
The width of the border in pixels. By default the border width is set to zero which means that the border will not appear.
series.markers.from.size Number|Function
(default: 6)
The marker size in pixels.
series.markers.from.type String|Function
(default: "circle")
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.
series.markers.from.visible Boolean|Function
(default: false)
If set to true
the chart will display the series markers. By default chart series markers are displayed.
series.markers.from.visual Function
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.
- series - the series of the marker point.
series.markers.from.rotation Number|Function
The rotation angle of the markers.