dhtmlxGantt改成圆形图片

要将dhtmlxGantt中的任务条改成圆形图片，您需要进行以下步骤：

1. 将任务条的样式修改为圆形图片的样式。您可以使用CSS中的“border-radius”属性来实现圆形效果。例如，将以下样式：

.gantt_task_line {
    background-color: #36c;
    height: 20px;
}

修改为：

.gantt_task_line {
    background-image: url('circle.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

其中，“circle.png”是您要用作圆形图片的文件名。

2. 修改任务条的HTML结构，以便正确显示圆形图片。例如，将以下HTML：

<div class='gantt_task_line'></div>

修改为：

<div class='gantt_task_line'>
    <div class='circle'></div>
</div>

其中，“circle”是一个空的div元素，用于显示圆形图片。

3. 添加必要的样式和脚本，以便正确显示圆形图片。您需要将以下样式添加到您的CSS文件中：

.circle {
    background-image: url('circle.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

您还需要将以下脚本添加到您的JavaScript文件中：

gantt.templates.task_class = function(start, end, task) {
    return 'gantt_task' + (task.$level || "");
};

gantt.templates.task_cell_class = function(item, date) {
    var css = [];

    if (+date == +item.start_date) {
        css.push("gantt_cell_start");
    }
    if (+date == +item.end_date) {
        css.push("gantt_cell_end");
    }
    if (gantt.isToday(date)) {
        css.push("gantt_cell_today");
    }

    return css.join(" ");
};

这些脚本用于为任务条添加必要的类和样式，以便正确显示圆形图片。

4. 最后，您需要将圆形图片文件（例如“circle.png”）放到您的项目文件夹中，并在CSS和HTML中正确引用它。