项目管理工具dhtmlxGantt甘特图入门教程（九）：支持哪些数据格式（下篇）

慧都小妮子

于 2023-02-16 10:39:05 发布

阅读量451

点赞数

分类专栏： dhtmlxGantt入门教程文章标签：甘特图 servlet dreamweaver dhtmlx xgantt

本文链接：https://blog.csdn.net/m0_67129275/article/details/129056341

版权

dhtmlxGantt入门教程专栏收录该内容

33 篇文章 8 订阅

订阅专栏

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

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表，可满足应用程序的所有需求，是最完善的甘特图图表库

DhtmlxGantt正版试用下载（qun：764148812）https://www.evget.com/product/4213/download

带有集合的JSON

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"}
    ],
    "collections": { 
        "sections":[                            
            {"value":"1","label":"Simple"},     
            {"value":"2","label":"Complex"},    
            {"value":"3","label":"Unknown"}     
        ]                                       
    }                                           
}

XML(dhtmlxGantt < 2.0)

代码如下所示：

<?xml version="1.0" encoding="UTF-8"?>
<projects>
  <project id="1" name="project1" startdate="2006,12,14">
     <task id="1">
    <name>project1 task1</name>
    <est>2006,12,14</est>
    <duration>120</duration>
        <percentcompleted>60</percentcompleted>
    <predecessortasks></predecessortasks>
            <childtasks>
                  <task id="2">
                    <name>project1 task2</name>
                    <est>2006,12,14</est>
                <duration>100</duration>
                    <percentcompleted>20</percentcompleted>
                <predecessortasks></predecessortasks>
                    <childtasks></childtasks>
              </task>
                  <task id="6">
                    <name>project1 task6</name>
                <est>2006,12,15</est>
                    <duration>90</duration>
                <percentcompleted>10</percentcompleted>
                <predecessortasks>2</predecessortasks>
                    <childtasks></childtasks>
                  </task>
            </childtasks>
     </task>
  </project>
  <project id="2" name="project2" startdate="2006,12,20">
     <task id="12">
    <name>project2 task12</name>
    <est>2006,12,20</est>
    <duration>140</duration>
    <percentcompleted>60</percentcompleted>
    <predecessortasks></predecessortasks>
        <childtasks>
            <task id="14">
            <name>project2 task14</name>
            <est>2006,12,20</est>
            <duration>100</duration>
            <percentcompleted>20</percentcompleted>
            <predecessortasks></predecessortasks>
                <childtasks></childtasks>
            </task>
        </childtasks>
     </task>
  </project>
</projects>