redraw

Redraws the Connection with the given options.

Parameters

options Object optionalThe new options for the connection. This object should follow the configuration structure.
    Redraw Connection
    <div id="diagram"></div>

      var Shape = kendo.dataviz.diagram.Shape;
      $("#diagram").kendoDiagram();
      var diagram = $("#diagram").data("kendoDiagram");
      var shape1 = diagram.addShape( new Shape({ x: 20, y: 100 }));
      var shape2 = diagram.addShape( new Shape({ x: 300, y: 100 }));


      var connection = new kendo.dataviz.diagram.Connection(shape1, shape2, {
        selectable: false
      });

      diagram.addConnection(connection);

      $("#redrawBtn").on("click", function(){
        var connection = diagram.connections[0];
        connection.redraw({
          stroke: {
            color: "orange",
            width: 3
          },
          content: {
            text: "Step 1"
          }
        });
      });
    </script>
In this article
Not finding the help you need? Improve this article