https://github.com/nonacosa/gantt.js

gantt-view-js extend Jquery
https://github.com/nonacosa/gantt.js

gantt ganttjs ganttview html javascript jquery

Last synced: 3 months ago
JSON representation

gantt-view-js extend Jquery

• Host: GitHub
• URL: https://github.com/nonacosa/gantt.js
• Owner: nonacosa
• License: mit
• Created: 2017-07-31T11:56:11.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-08-16T04:01:24.000Z (almost 8 years ago)
• Last Synced: 2025-04-18T21:20:24.595Z (3 months ago)
• Topics: gantt, ganttjs, ganttview, html, javascript, jquery
• Language: JavaScript
• Homepage:
• Size: 170 KB
• Stars: 12
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


      



## gantt.js

甘特图 插件 依赖 jQuery.js date.js

- 两条线的甘特图[预期值]+[实际值] 插件

打破传统甘特图一条线的模式，采用`计划`和`实际`两条线，更加直观，并去掉一些拖动组件。

- 不靠svg这种比较笨重的组件，完全hml元素生成

- 源码小，轻量级

- todo：汉化+响应式

- Example

```

$("#ganttChart").ganttView({ 

  data: ganttData, //数据源

  slideWidth: 600, //定义大小，默认400

  behavior: {

    onClick: function (data) { //绑定点击事件

    console.log(data);

  }

});			 	 

```

 

![Alt text](example/image.png "gantt")