Highcharts.ganttChart('container', { title: { text: 'Gantt Chart with Navigation' }, yAxis: { uniqueNames: true }, navigator: { enabled: true, liveRedraw: true, series: { type: 'gantt', pointPlacement: 0.5, pointPadding: 0.25, accessibility: { enabled: false } }, yAxis: { min: 0, max: 3, reversed: true, categories: [] } }, scrollbar: { enabled: true }, rangeSelector: { enabled: true, selected: 0 }, accessibility: { point: { descriptionFormat: '{yCategory}. ' + '{#if completed}Task {(multiply completed.amount 100):.1f}% completed. {/if}' + 'Start {x:%Y-%m-%d}, end {x2:%Y-%m-%d}.' }, series: { descriptionFormat: '{name}' } }, lang: { accessibility: { axis: { xAxisDescriptionPlural: 'The chart has a two-part X axis showing time in both week numbers and days.', yAxisDescriptionPlural: 'The chart has one Y axis showing task categories.' } } }, series: [{ name: 'Project 1', data: [{ start: Date.UTC(2017, 11, 1), end: Date.UTC(2018, 1, 2), completed: { amount: 0.95 }, name: 'Prototyping' }, { start: Date.UTC(2018, 1, 2), end: Date.UTC(2018, 11, 5), completed: { amount: 0.5 }, name: 'Development' }, { start: Date.UTC(2018, 11, 8), end: Date.UTC(2018, 11, 9), completed: { amount: 0.15 }, name: 'Testing' }, { start: Date.UTC(2018, 11, 9), end: Date.UTC(2018, 11, 19), completed: { amount: 0.3, fill: '#fa0' }, name: 'Development' }, { start: Date.UTC(2018, 11, 10), end: Date.UTC(2018, 11, 23), name: 'Testing' }, { start: Date.UTC(2018, 11, 25, 8), end: Date.UTC(2018, 11, 25, 16), name: 'Release' }] }] });
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