dhtmlxGantt使用教程:如何对任务进行分组

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表。可满足项目管理应用程序的所有需求,是最完善的甘特图图表库。它允许你创建动态甘特图,并以一个方便的图形化方式可视化项目进度。有了dhtmlxGantt,你可以显示活动之间的依赖关系,显示具有完成百分比阴影的当前任务状态以及组织活动到树结构。

点击下载dhtmlxGantt试用版

该库提供了grouping.js扩展名,该扩展名使您可以按任务的任何属性对任务进行分组。
dhtmlxGantt使用教程:如何对任务进行分组_第1张图片

要开始使用扩展,请使用gantt.plugins方法启用它。

<!DOCTYPE html>
<html>
<head>
   <script src="codebase/dhtmlxgantt.js"></script>   
   <link href="codebase/dhtmlxgantt.css" rel="stylesheet">   
</head>
<body>
    gantt.plugins({
   
        grouping: true
    });
    //your code will be here
</body>
</html>

分组任务

要按某种标准对任务进行分组,请使用groupBy方法:

var data =  {
   
    tasks:[{
   id:1, priority:1, start_date:"02-04-2020 00:00", ...}, ...] 

你可能感兴趣的:(甘特图,可视化,javascript,数据分析)