dhtmlxgantt

代码说明：

dhtmlxGantt 是一个开源的JavaScript 甘特条形图，可以帮助您直观地显示在一个漂亮的图表中的项目日程。它可以显示为线条的任务之间的相关性，并允许您设置不同的任务之间的关系（完成-开始，开始到开始，端到端）。dhtmlxGantt 提供了灵活的 API 和大量的事件句柄，它给你的自由来定制您的需要。 项目和任务轻松组织成显示在图表的左侧窗格中的分层结构。网格是很容易配置的所以你可以添加/删除自定义的列，以显示所需的信息。以完成百分比的阴影一眼就可以看到当前进度情况。您也可以启用工具提示，或使用内置的"快速信息"弹出菜单来显示每个任务的详细信息。