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>
    series: [{
      type: "rangeArea",
      markers: {
        from: {
          visible: true,
          background: "green",
          size: 30
      data: [[1, 2], [3, 5], [1, 4]]

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.

In this article
Not finding the help you need? Improve this article