Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

2 anos atrás
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <div align="center">
  2. <img src="https://github.com/xhiveframework/design/blob/master/logos/logo-2019/xhiveframework-gantt-logo.png" height="128">
  3. <h2>XhiveFramework Gantt</h2>
  4. <p align="center">
  5. <p>A simple, interactive, modern gantt chart library for the web</p>
  6. <a href="https://xhiveframework.github.io/gantt">
  7. <b>View the demo »</b>
  8. </a>
  9. </p>
  10. </div>
  11. <p align="center">
  12. <a href="https://xhiveframework.github.io/gantt">
  13. <img src="https://cloud.githubusercontent.com/assets/9355208/21537921/4a38b194-cdbd-11e6-8110-e0da19678a6d.png">
  14. </a>
  15. </p>
  16. ### Install
  17. ```
  18. npm install xhiveframework-gantt
  19. ```
  20. ### Usage
  21. Include it in your HTML:
  22. ```
  23. <script src="xhiveframework-gantt.min.js"></script>
  24. <link rel="stylesheet" href="xhiveframework-gantt.css">
  25. ```
  26. And start hacking:
  27. ```js
  28. var tasks = [
  29. {
  30. id: 'Task 1',
  31. name: 'Redesign website',
  32. start: '2016-12-28',
  33. end: '2016-12-31',
  34. progress: 20,
  35. dependencies: 'Task 2, Task 3',
  36. custom_class: 'bar-milestone' // optional
  37. },
  38. ...
  39. ]
  40. var gantt = new Gantt("#gantt", tasks);
  41. ```
  42. You can also pass various options to the Gantt constructor:
  43. ```js
  44. var gantt = new Gantt("#gantt", tasks, {
  45. header_height: 50,
  46. column_width: 30,
  47. step: 24,
  48. view_modes: ['Quarter Day', 'Half Day', 'Day', 'Week', 'Month'],
  49. bar_height: 20,
  50. bar_corner_radius: 3,
  51. arrow_curve: 5,
  52. padding: 18,
  53. view_mode: 'Day',
  54. date_format: 'YYYY-MM-DD',
  55. custom_popup_html: null
  56. });
  57. ```
  58. ### Contributing
  59. If you want to contribute enhancements or fixes:
  60. 1. Clone this repo.
  61. 2. `cd` into project directory
  62. 3. `yarn`
  63. 4. `yarn run dev`
  64. 5. Open `index.html` in your browser, make your code changes and test them.
  65. ### Publishing
  66. If you have publishing rights (XhiveFramework Team), follow these steps to publish a new version.
  67. Assuming the last commit (or a couple of commits) were enhancements or fixes,
  68. 1. Run `yarn build`
  69. This will generate files in the `dist/` folder. These files need to be committed.
  70. 1. Run `yarn publish`
  71. 1. Type the new version at the prompt
  72. Depending on the type of change, you can either bump the patch version or the minor version.
  73. For e.g.,
  74. ```
  75. 0.5.0 -> 0.6.0 (minor version bump)
  76. 0.5.0 -> 0.5.1 (patch version bump)
  77. ```
  78. 1. Now, there will be a commit named after the version you just entered. Include the generated files in `dist/` folder as part of this commit by running the command:
  79. ```
  80. git add dist
  81. git commit --amend
  82. git push origin master
  83. ```
  84. License: MIT
  85. ------------------
  86. Project maintained by [xhiveframework](https://github.com/xhiveframework)