Edit this page

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.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy