New to Kendo UI for jQueryStart a free 30-day trial

Data

methods

Gets or sets the SVG Path data.

Parameters:pathString

The new SVG path.

Returns:String

The current SVG path.

<div id="diagram"></div>
<script>
  $("#diagram").kendoDiagram({
    shapes: [{
      visual: function() {
        var group = new kendo.dataviz.diagram.Group();
        var path = new kendo.dataviz.diagram.Path({
          data: "M 0 0 L 50 50",
          fill: "red"
        });
        group.append(path);
        
        // Set new path data
        path.data("M 10 10 L 90 90");
        
        // Get current path data
        console.log("Current path data:", path.data());
        
        return group;
      }
    }]
  });
</script>
Not finding the help you need?
Contact Support