Anyone know a way to make dependency line curvy, not angular?

Gantt React Gantt
#1

Anyone knows an easy way to change dependency lines from angled to curvy?

#2

Hello,
Unfortunately, there is no built-in way to change the shape of the links, but it could be implemented in a custom solution. One of the options is to use SVG images of the custom links with addTaskLayer method. There is an article about it:
https://docs.dhtmlx.com/gantt/api__gantt_addtasklayer.html ;
You need to know start and end coordinates of the source and target tasks. You can get it using posFromDate and getTaskPosition methods:
https://docs.dhtmlx.com/gantt/api__gantt_gettaskposition.html
https://docs.dhtmlx.com/gantt/api__gantt_posfromdate.html
For example, it can look like this:

let startx = gantt.posFromDate(task.end_date);
let starty = gantt.getTaskPosition(task, task.start_date, task.end_date).top + 16;
let endx = gantt.posFromDate(target_task.start_date);
let endy = (gantt.getTaskPosition(target_task, target_task.start_date, 
target_task.end_date).top + gantt.config.row_height / 2);

Also, you need to create a function to repaint your custom links after changing in chart. You can use batchUpdate method to update multiple tasks/links at once:
https://docs.dhtmlx.com/gantt/api__gantt_batchupdate.html
As an example of batchUpdate function:

gantt.batchUpdate(function () {
        for (let i = 0; i < target_links.length; i++) {
            let link = gantt.getLink(target_links[i]);
            let source_id = link.source;
            gantt.refreshTask(source_id);
        }
    });

The following snippet can help you to start (for Finish-to-Start links):
https://snippet.dhtmlx.com/xuet6i6g

#3

Hello Becky,
The dev team added the feature to set round corners for links:
https://docs.dhtmlx.com/gantt/api__gantt_link_radius_config.html
https://docs.dhtmlx.com/gantt/whatsnew.html#x8318x90x8319x

You can see how it works in the following samples:
https://docs.dhtmlx.com/gantt/samples