Installing with Bower#

Bower is no longer the dependency manager of choice for front-end projects. While the open source project is still maintained, its creators decided to deprecate it, and advise how to migrate to other solutions—namely Yarn and webpack.

The Bower package contains Highcharts, Highcharts Stock and Highcharts Maps. Start by loading Highcharts from Bower:

bower install highcharts

Load Highcharts#

<script src="./bower_components/highcharts/highcharts.js"></script>
// Create the chart
Highcharts.Chart('container', { /*Highcharts options*/ });

Load additional modules#

To load additional functionality onto Highcharts, include the modules:

<script src="./bower_components/highcharts/modules/exporting.js"></script>

Load Highcharts Stock or Highcharts Maps#

Highcharts is already included in Highcharts Stock, so it 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.

<script src="./bower_components/highcharts/highstock.js"></script>
<script src="./bower_components/highcharts/modules/map.js"></script>

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

<script src="./bower_components/highcharts/highmaps.js"></script>