项目管理工具dhtmlxGantt甘特图入门教程(九):支持哪些数据格式(上篇)

这篇文章给大家讲解 dhtmlxGantt可以加载或支持哪些数据格式。

点击获DhtmlxGantt官方正式版

dhtmlxGantt可以加载以下格式的数据:

  1. JSON;
  2. XML(dhtmlxGantt 2.0+)。
  3. 带有集合的JSON
  4. XML(dhtmlxGantt < 2.0)

JSON

{
    "tasks":[
        {"id":"1", "text":"Project #2", "start_date":"01-04-2020", "duration":18,
            "progress":0.4, "open": true},
        {"id":"2", "text":"Task #1", "start_date":"02-04-2020", "duration":8,
            "progress":0.6, "parent":"1"},
        {"id":"3", "text":"Task #2", "start_date":"11-04-2020", "duration":8,
            "progress":0.6, "parent":"1"}
    ],
    "links":[
        {"id":"1", "source":"1", "target":"2", "type":"1"},
        {"id":"2", "source":"2", "target":"3", "type":"0"},
        {"id":"3", "source":"3", "target":"4", "type":"0"},
        {"id":"4", "source":"2", "target":"5", "type":"2"}
    ]
}

XML(dhtmlxGantt 2.0+)


    
        
    
    
        
    
    
        
    
    
        
        
        
        
    

数据中的自定义属性

让我们考虑具有2个自定义属性的上述示例:

  • priority-任务的优先级。
  • 持有人-分配给任务的人的姓名。

JSON

{
    "tasks":[
        {"id":"1", "text":"Project #2", "start_date":"01-04-2020", "duration":18,
            "progress":0.4, "open": true, "holder":"Mike", "priority":"High"},
        {"id":"2", "text":"Task #1", "start_date":"02-04-2020", "duration":8,
            "progress":0.6, "parent":1, "holder":"John", "priority":"Medium"},
        {"id":"3", "text":"Task #2", "start_date":"11-04-2020", "duration":8,
            "progress":0.6, "parent":1, "holder":"Alex", "priority":"Low"}
    ],
    "links":[
        {"id":"1", "source":"1", "target":"2", "type":"1"},
        {"id":"2", "source":"2", "target":"3", "type":"0"},
        {"id":"3", "source":"3", "target":"4", "type":"0"},
        {"id":"4", "source":"2", "target":"5", "type":"2"}
    ]
}

XML (dhtmlxGantt 2.0+)


    
        
        
        
    
    
        
        
        
    
    
        
        
        
    
    
        
        
        
        
    

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表,可满足项目管理应用程序的所有需求,是最完善的甘特图图表库。了解更多DhtmlxGantt相关内容,请锁定本套系列教程。


甘特图控件交流群:764148812    欢迎进群交流讨论

你可能感兴趣的:(DHTMLXGantt,项目管理工具,dhtmlxgantt,Gantt,甘特图)