dhtmxgantt如何自定义显示字段

dhtmlxGantt 是一个基于 JavaScript 的可视化甘特图库，可以用来展示项目的进度和时间安排。如果要自定义显示字段，需要使用 Gantt Chart 的 API，具体步骤如下：

1. 首先需要在 Gantt Chart 中定义一个新的字段，可以使用 `gantt.config.columns` 属性定义。例如，如果要添加一个名为 "cost" 的新字段，可以在初始化 Gantt Chart 时添加以下代码：

gantt.config.columns = [
  {name: "text", label: "Task name", width: "*", tree: true },
  {name: "start_date", label: "Start time", align: "center" },
  {name: "duration", label: "Duration", align: "center" },
  {name: "cost", label: "Cost", align: "center" }
];

2. 然后需要在数据源中添加新的字段。例如，如果使用 JSON 数据源，则可以在每个任务对象中添加一个新的属性：

{
  "id": 1,
  "text": "Task 1",
  "start_date": "2021-01-01",
  "duration": 5,
  "cost": 100
}

3. 最后需要使用 Gantt Chart 的模板功能来定义如何显示新的字段。例如，可以使用 `gantt.templates.task_text` 来定义任务名称和成本的显示格式：

gantt.templates.task_text = function(start, end, task) {
  return task.text + " (cost: $" + task.cost + ")";
};

这样就可以在任务列表和甘特图中显示新的字段了。需要注意的是，如果添加了新的字段，可能需要调整甘特图的列宽和排列顺序，以便更好地展示所有字段。