path String

The path option of a Shape is a description of a custom geometry. The format follows the standard SVG format ( "SVG Path data.").

Example - declaring a custom path for the shape

<div id="diagram"></div>
  var Shape = kendo.dataviz.diagram.Shape;
  var diagram = $("#diagram").data("kendoDiagram");

  var shape = new Shape({
    id: 1,
    x: 20,
    y: 20,
    fill: "#c0f0fc",
    path: "m35.15,0 L84.85,0 L120,35.15 L120,84.85 L84.85,120 L35.15,120 L0,84.85 L0,35.15 z"
In this article