I hope that shapes of diagram are connected only left and right.

4 posts, 0 answers
  1. MyungJin
    MyungJin avatar
    3 posts
    Member since:
    May 2017

    Posted 31 Jul Link to this post

    Hello, 

    I hope that shapes of diagram are connected only left and right.

    I have attached a screenshot of the problem I'm experiencing, so please confirm.

     

    I tried to set connectors: [{name: "left"}, {name: "right"}] in shapeDefaults.connectors.

    But this did not show all the lines.

     

    Regards,
    Junho Park

  2. MyungJin
    MyungJin avatar
    3 posts
    Member since:
    May 2017

    Posted 31 Jul Link to this post

    $("#diagram").kendoDiagram({
            dataSource: shapesDataSource,
            connectionsDataSource: connectionsDataSource,
            shapeDefaults: {
                visual: visualTemplate, 
                editable: false
                //connectors: [{name:"left"}, {name:"right"}]
            },
            connectionDefaults: {
                stroke: {
                    color: "#586477",
                    width: 2
                }
            },
    editable: {
                tools: ["undo", "redo"]
            },
            pannable: { key: "none" },
            dataBound: onDataBound
        });

    The source code for that part.
    Please refer to it.

     

  3. MyungJin
    MyungJin avatar
    3 posts
    Member since:
    May 2017
  4. Tsvetina
    Admin
    Tsvetina avatar
    2087 posts

    Posted 02 Aug Link to this post

    Hello MyungJin,

    You can set the connectors names in the connectionsDataSource using the fromConnector and toConnector properties, as listed here:
    Connection Model Fields

    You can see an example with hard-coded values here:
    http://dojo.telerik.com/@tsveti/uBaVOW/2

    Regards,
    Tsvetina
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top