dhtmlx-gantt 颜色

### 如何在 dhtmlx-gantt 中设置或修改颜色

为了自定义 `dhtmlx-gantt` 的颜色方案，可以采用多种方法来调整不同组件的颜色属性。以下是几种常见的配置方式：

#### 使用 CSS 自定义样式
通过覆盖默认的CSS类来自定义甘特图中的颜色。这可以通过引入额外的CSS文件或者直接在项目的全局样式表中添加特定的选择器实现。

/* 定义任务条目的背景色 */
.gantt_task_line {
    background-color: #ff9800 !important;
}

/* 更改链接线的颜色 */
.gantt_link {
    stroke: red !important;
}

这些规则应当放置于项目的主要样式文件内，确保其优先级高于库自带的样式[^1]。

#### 利用 API 进行动态着色
对于更复杂的场景，比如基于某些条件动态改变颜色，则可利用API函数完成此操作。下面是一个简单的例子展示如何根据进度百分比更改任务栏的颜色：

// 假设已经初始化了 gantt 实例并加载数据...
gantt.attachEvent("onTaskLoading", function(task){
    if (task.progress >= 0.75) {
        task.color = "#4caf50"; // 绿色表示接近完成的任务
    } else if (task.progress < 0.25) {
        task.color = "#f44336"; // 红色标记严重延迟的任务
    }
});

这段代码会在每次加载新任务时执行，并依据设定逻辑更新相应对象上的color字段[^2]。

#### 应用主题包
如果希望整个应用具有一致性的外观风格，还可以考虑使用官方提供的预构建的主题包之一，或是创建自己的主题。这种方式通常涉及替换原有的CSS资源路径指向新的主题文件位置。

import "path/to/custom-theme/dhtmlxgantt.css";

以上就是关于如何在 `dhtmlx-gantt` 中设置和修改颜色的方法概述以及具体的应用实例说明。