#甘特图# DHTMLXGantt 组件笔记

配置

配置缩放单位

gantt.config.scale，示例

gantt.config.scale = [
{ unit: "day", step:1, format: "%d %M"}
]

需要注意的是，当显示比较小的刻度如天、小时甚至时分钟时，不要只给一个刻度组成的数组，而是把比当前要显示的目标刻度更大的刻度一并赋值，这样从显示角度可以更人性化

gantt.config.scales = [
            { unit: "day", step: 1, format: "%m-%d" },
            { unit: "hour", step: 1, format: "%H" }
        ]

在运行时切换刻度显示效果

重新设置 gantt.config.scale，但不会自动刷新，可以调用render方法再次载入数据触发刷新效果

数据

task 类型：Project 与 task 类型常规效果

project类型task项不能设置与时间、duration、progress有关的字段，否则显示不出来

    return {
        "tasks": [
            {
                id: '01',
                text: '01 item',
                type: gantt.config.types.project,
                open: true
            },
            {
                id: '02',
                text: '02 item',
                start_date: '2022-12-20',
                duration: 10,
                "progress": 0.2,
                parent: '01'
            },
            {
                id: '03',
                text: '03 item',
                start_date: '2022-12-23',
                duration: 8,
                "progress": 0.5,
                parent: '01'
            }
        ],
        "links": [
        ]
    }