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

缺乏、安全感 2023-09-24 18:29 53阅读 0赞

[dhtmlxGantt][]是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表，可满足[项目管理][Link 1]控件应用程序的所有需求，是最完善的甘特图图表库这篇文章给大家讲解 [dhtmlxGantt][dhtmlxGantt 1] 的数据属性和数据库结构。

**[DhtmlxGantt正版试用下载（qun：764148812）![icon-default.png?t=N176][icon-default.png_t_N176]https://www.evget.com/product/4213/download][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+)
> 
>     <data>
>         <task id='1' parent='' start_date='01-04-2020' duration='18' open='true'
>                 progress='0.4' end_date='19-04-2020'>
>             <![CDATA[Project #2]]>
>         </task>
>         <task id='2' parent='1' start_date='02-04-2020' duration='8' progress='0.6'
>                 end_date='10-04-2020'>
>             <![CDATA[Task #1]]>
>         </task>
>         <task id='3' parent='1' start_date='11-04-2020' duration='8' progress='0.6'
>                 end_date='19-04-2020'>
>             <![CDATA[Task #2]]>
>         </task>
>         <coll_options for='links'>
>             <item id='1' source='1' target='2' type='1' />
>             <item id='2' source='2' target='3' type='0' />
>             <item id='3' source='3' target='4' type='0' />
>             <item id='4' source='2' target='5' type='2' />
>         </coll_options>
>     </data>

数据中的自定义属性

让我们考虑具有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+)**

>     <data>
>         <task id='1' parent='' start_date='01-04-2020' duration='18' open='true'
>                 progress='0.4' end_date='19-04-2020''>
>             <holder><![CDATA[Mike]]></holder>
>             <priority><![CDATA[High]]></priority>
>             <![CDATA[Project #2]]>
>         </task>
>         <task id='2' parent='1' start_date='02-04-2020' duration='8' progress='0.6'
>             end_date='10-04-2020'>
>             <holder><![CDATA[John]]></holder>
>             <priority><![CDATA[Medium]]></priority>
>             <![CDATA[Task #1]]>
>         </task>
>         <task id='3' parent='1' start_date='11-04-2020' duration='8' progress='0.6'
>             end_date='19-04-2020'>
>             <holder><![CDATA[Alex]]></holder>
>             <priority><![CDATA[Low]]></priority>
>             <![CDATA[Task #2]]>
>         </task>
>         <coll_options for='links'>
>             <item id='1' source='1' target='2' type='1' />
>             <item id='2' source='2' target='3' type='0' />
>             <item id='3' source='3' target='4' type='0' />
>             <item id='4' source='2' target='5' type='2' />
>         </coll_options>
>     </data>

[dhtmlxGantt][]是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表，可满足[项目管理控件][dhtmlxGantt]应用程序的所有需求，是最完善的甘特图图表库。了解更多DhtmlxGantt相关内容和资讯，欢迎在线咨询或者私信我获取正版试用版及报价。

[dhtmlxGantt]: https://www.evget.com/product/4213/download
[Link 1]: https://so.csdn.net/so/search?q=%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86&spm=1001.2101.3001.7020
[dhtmlxGantt 1]: https://www.evget.com/product/4213/license
[icon-default.png_t_N176]: https://csdnimg.cn/release/blog_editor_html/release2.2.3/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=N176