This is a migrated thread and some comments may be shown as answers.

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

3 Answers 79 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
MyungJin
Top achievements
Rank 1
MyungJin asked on 31 Jul 2017, 08:55 AM

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

3 Answers, 1 is accepted

Sort by
0
MyungJin
Top achievements
Rank 1
answered on 31 Jul 2017, 09:00 AM

$("#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.

 

0
MyungJin
Top achievements
Rank 1
answered on 01 Aug 2017, 01:50 AM
0
Tsvetina
Telerik team
answered on 02 Aug 2017, 08:02 AM
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.
Tags
Diagram
Asked by
MyungJin
Top achievements
Rank 1
Answers by
MyungJin
Top achievements
Rank 1
Tsvetina
Telerik team
Share this question
or