comnet-gantt-chart


A fully featured gantt chart component built entirely in Javascript, CSS and AJAX. It is lightweight and there is no need of external libraries or additional images.
It's wrapper of jsgantt-improved package with extra logic of in week view major cell shows as month instead of week in every cell.

Start using with including the files jsgantt.js and jsgantt.css that are inside dist/ folder.

Or install and use in JS

npm install comnet-gantt-chart

Import in your JS import {JSGantt} from 'comnet-gantt-chart';

Easy to Use

``html




`

Features

* Tasks & Collapsible Task Groups
* Dependencies and Highlight when hover a task
* Edit data in gantt table with list of responsible
* Task Completion
* Table with Additional Columns
* Task Styling or as HTML tags
* Milestones
* Resources
* Costs
* Plan Start and End Dates
* Gantt with Planned vs Executed
* Dynamic Loading of Tasks
* Dynamic change of format: Hour, Day, Week, Month, Quarter
* Load Gantt from JSON and XML
* From external files (including experimental support for MS Project XML files)
* From JavaScript Strings

### Internationalization

Support for languages below:

* Arabic (ar)
* Chinese (cn)
* Czech (cs)
* Dutch (Standard)
* English (en)
* French (fr)
* Finnish (fi)
* German (de)
* Hebrew (he)
* Hungarian (hu)
* Korean (ko)
* Indonesian (id)
* Italian (it)
* Japanese (ja)
* Portuguese (pt)
* Polish (pl)
* Russian (ru)
* Spanish (es)
* Swedish (sv)
* Turkish (tr)
* Ukraininan (ua)

Want to Collaborate?

Its easy to get it set:

* Clone this repo
* Install lib dependencies: npm i
* Install global dependencies: npm i -g browserify nodemon onchange tsc
* Compile final js to be used on demo: npm run dist
* Run the demo with a live example: npm start.
* You can check the demo gantt that we use for testing features at: http://127.0.0.1:8080/docs/demo.html
* Use npm run watch or do your change in src and restart this command refresh the changes.

For testing:
* Install global dependencies: npm i -g webdriver-manager
* Install selenium webdriver: npm run webdriver, it will install something like node_modules/webdriver-manager/selenium/chromedriver_88.0.4324.96.zip

node node_modules/protractor/bin/webdriver-manager update
apt install chromium

apt install chromium-bsu

* Use npm run test with e2e tests.
* Or use npm run watch:test to keep watching the tests

For new release:
* Increment the version number on package.json
* Run npm run publishnpm`