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

Example - set the chart series markers "to" options

<div id="chart"></div>
    series: [{
      type: "rangeArea",
      markers: {
        to: {
          visible: true,
          background: "green",
          size: 30
      data: [[1, 2], [3, 5], [1, 4]]
</script> String|Function

The background color of the markers. Object|Function

The border of the markers. String|Function (default: "black")

The color of the border. Accepts a valid CSS color string, including hex and rgb. 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. Number|Function (default: 6)

The marker size in pixels. 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. Boolean|Function (default: false)

If set to true the chart will display the series markers. By default chart series markers are displayed. 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. Number|Function

The rotation angle of the markers.

In this article