dhtmxgantt如何自定义显示字段

dhtmlxGantt 是一个功能强大的 JavaScript Gantt 图表库，允许您自定义显示字段。要自定义显示字段，您需要在任务对象中添加自定义属性，并使用 `gantt.config.columns` 属性来定义要显示的列。

例如，如果您想要显示任务的负责人和进度百分比，您可以将以下代码添加到任务对象中：

{
    "id": 1,
    "text": "任务1",
    "start_date": "2022-10-01",
    "duration": 10,
    "progress": 0.6,
    "owner": "张三"
}

然后，在 `gantt.config.columns` 属性中定义要显示的列：

gantt.config.columns = [
    {name: "text", label: "任务名称", width: "*", tree: true},
    {name: "owner", label: "负责人", width: "100"},
    {name: "progress", label: "进度", width: "100", template: function (task) {
        return Math.round(task.progress * 100) + "%";
    }}
];

这将显示一个包含任务名称、负责人和进度的 Gantt 图表。您可以根据需要添加或删除列，并根据需要自定义列的宽度和标签。