Hi Jim,
Thanks for your interest in Syncfusion product
Currently we don’t have support for your requirement “add a bezier tool to my toolbar”. Please create an incident on behalf of this reported support from the following link for better assistance.
Here is the link: link
Please let me know if you have any queries.
Regards,
Kameshwaran R.
Hi Jim
Thanks for using Syncfusion products.
We suggest you to set an “name” for an connector to resolve your reported issue. Please refer the sample and code snippet below.
Code snippet:
function bezierconnector() {
var diagram = $("#Diagram1").ejDiagram("instance");
var segments = [{
type: "bezier",
//Length and angle between source point and control point 1
vector1: { angle: 180, distance: 120 },
//Length and angle between target point and control point 2
vector2: { angle: 10, distance: 140 }
}];
var connectors = [{
name:"bezier",
segments: segments,
sourcePoint: { x: 310, y: 180 },
targetPoint: { x: 190, y: 40 }
}];
//add the connectors
diagram.add(connectors);
}
Sample:http://www.syncfusion.com/downloads/support/directtrac/118147/WebApplication2-783540094.zip
Please let me know if any concerns.
Regards,
Shyam G
Hi Jim
Thanks for the update
Please let me know if you require further assistance on this.
Regards,
Shyam G
Hi Jim
Thanks for the update.
We suggest you to use the “add” API in order to resolve your reported issue. Please refer the sample and code snippet below for your reference.
Code snippet:
function bezierconnector() {
var diagram = $("#Diagram1").ejDiagram("instance");
var segments = [{
type: "bezier",
//Length and angle between source point and control point 1
vector1: { angle: 180, distance: 120 },
//Length and angle between target point and control point 2
vector2: { angle: 10, distance: 140 }
}];
var connectors = [{
name: "bezier",
segments: segments,
sourcePoint: { x: 310, y: 180 },
targetPoint: { x: 190, y: 40 },
}];
//add the connectors
diagram.add(connectors);
}
Sample: http://www.syncfusion.com/downloads/support/directtrac/118147/WebApplication2_(2)-1173037088.zip
Please let me know if any concerns.
Regards,
Shyam G
Hi Jim
Thanks for the update.
Please note that the reported issue occurs due to the rendering of connectors with the same name. So, we suggest you to render the connector with the different name in order to resolve your reported issue. Please refer the code snippet below.
Code snippet:
function bezierconnector() {
var diagram = $("#DiagramContent").ejDiagram("instance");
var segments = [{
type: "bezier",
//Length and angle between source point and control point 1
vector1: { angle: 180, distance: 120 },
//Length and angle between target point and control point 2
vector2: { angle: 10, distance: 140 }
}];
var connectors = [{
name: "bezier" + ej.datavisualization.Diagram.Util.randomId(),
segments: segments,
sourcePoint: { x: 310, y: 180 },
targetPoint: { x: 190, y: 40 },
}];
//add the connectors
diagram.add(connectors);
}
Please let me know if any concerns.
Regards,
Shyam G
Hi Jim
Thanks for the update.
Please let us know if you require further assistance on this.
Regards,
Shyam G