New to Kendo UI for jQuery? Start a free 30-day trial

DashType

fields

The stroke dash type.

Value		Description
`dash`		a line consisting of dashes
`dashDot`		a line consisting of a repeating pattern of dash-dot
`dot`		a line consisting of dots
`longDash`		a line consisting of a repeating pattern of long-dash
`longDashDot`		a line consisting of a repeating pattern of long-dash dot
`longDashDotDot`		a line consisting of a repeating pattern of long-dash dot-dot
`solid`		a solid line

dashType

String

Default: "solid"

<div id="surface"></div>
<script>
  var draw = kendo.drawing;
  var path = renderPath();

  function renderPath() {
    var path = new kendo.drawing.Path({
      stroke: {
        color: '#E4141B',
        dashType: "dash"
      }
    });

    var start = new kendo.geometry.Point(100, 100);
    for (var i = 0; i < 15; i++) {
      path.lineTo(start.clone().translate(i * 20, 0));
    }

    return path;
  }

  var surface = draw.Surface.create($("#surface"));

  surface.draw(path);

</script>