Installing with NPM#

The official npm package contains Highcharts, including the Stock, Maps and Gantt packages, plus all modules. Start by installing Highcharts as a node module and save it as a dependency in your package.json:

npm install highcharts --save

Load Highcharts with require#

var Highcharts = require('highcharts');
// Load module after Highcharts is loaded
// Create the chart
Highcharts.chart('container', { /*Highcharts options*/ });

For other ways to load Highcharts (ECMAScript modules etc.) please see the README.

Load Highcharts Stock or Highcharts Maps#

Highcharts is already included in Highcharts Stock, so it is not necessary to load both. The highstock.js file is included in the package. The highmaps.js file is also included, but unlike highstock.js, this doesn't include the complete Highcharts feature set. To load the full suite in one page, load Highcharts Maps as a module.

var Highcharts = require('highcharts/highstock');
// Load Highcharts Maps as a module

Alternatively when only map functionality is needed, and not stock.

var Highcharts = require('highcharts/highmaps');

Installing nightly builds of Highcharts#

Nightly builds allow the access to the next Highcharts version prior to release and testing. Currently this is available via the highcharts-dist nightly branch on Github. Note that we do not recommend the use of the nightly build in production environments as it may contain bugs and are not considered stable.

The nightly build can be installed by running npm install --save highcharts/highcharts-dist#nightly.

As this is a dependency to a GitHub branch you will not be able to update the dependency using npm update. Updating requires that you uninstall and then reinstall by running npm uninstall highcharts && npm install --save highcharts/highcharts-dist#nightly. Uninstalling is also necessary when moving from a nightly build to a production version of Highcharts.