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

朴灿烈づ我的快乐病毒、 2023-09-24 18:41 56阅读 0赞

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

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

**[DhtmlxGantt正版试用下载（qun：764148812）![icon-default.png?t=N176][icon-default.png_t_N176]https://www.evget.com/product/4213/download][dhtmlxGantt 1]**

带有集合的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>

[dhtmlxGantt]: https://www.evget.com/product/4213/license
[dhtmlxGantt 1]: https://www.evget.com/product/4213/download
[icon-default.png_t_N176]: https://csdnimg.cn/release/blog_editor_html/release2.2.3/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=N176