项目管理工具dhtmlxGantt甘特图入门教程(九):支持哪些数据格式(上篇)
dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表,可满足项目管理控件应用程序的所有需求,是最完善的甘特图图表库这篇文章给大家讲解 dhtmlxGantt 的数据属性和数据库结构。
DhtmlxGantt正版试用下载(qun:764148812)https://www.evget.com/product/4213/download
dhtmlxGantt可以加载以下格式的数据:
- JSON;
- XML(dhtmlxGantt 2.0+)。
- 带有集合的JSON
- 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相关内容和资讯,欢迎在线咨询或者私信我获取正版试用版及报价。