GANTT LIBRARY
Progress indicator
// THE CHART Highcharts.ganttChart('container', { title: { text: 'Gantt Chart with Progress Indicators', align: 'left' }, xAxis: { min: Date.UTC(2014, 10, 17), max: Date.UTC(2014, 10, 30) }, accessibility: { point: { descriptionFormat: '{yCategory}. ' + '{#if completed}Task {(multiply completed.amount 100):.1f}% completed. {/if}' + 'Start {x:%Y-%m-%d}, end {x2:%Y-%m-%d}.' } }, lang: { accessibility: { axis: { xAxisDescriptionPlural: 'The chart has a two-part X axis showing time in both week numbers and days.' } } }, series: [{ name: 'Project 1', data: [{ name: 'Start prototype', start: Date.UTC(2014, 10, 18), end: Date.UTC(2014, 10, 25), completed: { amount: 0.25 } }, { name: 'Test prototype', start: Date.UTC(2014, 10, 27), end: Date.UTC(2014, 10, 29) }, { name: 'Develop', start: Date.UTC(2014, 10, 20), end: Date.UTC(2014, 10, 25), completed: { amount: 0.12, fill: '#fa0' } }, { name: 'Run acceptance tests', start: Date.UTC(2014, 10, 23), end: Date.UTC(2014, 10, 26) }] }] });
GanttHighcharts Gantt
Install with NPM
The official Highcharts NPM package comes with support for CommonJS and contains Highcharts, and its Stock, Maps and Gantt packages.
npm install highcharts --save
See more installation optionsDownload our library
The zip archive contains Javascript files and examples. Unzip the zip package and open index.html in your browser to see the examples.
DownloadBuy a license
You can download and try out all Highcharts products for free. Once your project/product is ready for launch, purchase a commercial license.
See License Pricing