by Torstein Hønsi
Highcharts is also available as packages through npm and Bower. Read more on installation with npm or Bower respectively. If you're not using these, continue reading.
Include the JavaScript files in the <head> section of your web page as shown below.
<script src="https://code.highcharts.com/highcharts.js"></script>
If you need support for IE6, 7 or 8, you may include the oldie.js module in a conditional comment that hides it from modern browsers.
<!--[if lt IE 9]> <script src="https://code.highcharts.com/modules/oldie.js"></script> <![endif]-->
In the example above the JavaScript files are loaded from ajax.googleapis.com and code.highcharts.com. The Highcharts files can be downloaded from highcharts.com and put on your webpage. Here is an example with Highcharts served from your own server:
<script src="/js/highcharts.js"></script>
Highcharts is already included in Highstock, 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. Highstock and Highmaps can be loaded separate files like this:
<script src="/js/highstock.js"></script>
<script src="/js/highmaps.js"></script>
But the separate files can't run in the same page along with each other or with highcharts.js. So if stock or maps are required in the same page as each other or with basic Highcharts, they can be loaded as modules:
<script src="/js/highcharts.js"></script>
<script src="/js/modules/stock.js"></script>
<script src="/js/modules/map.js"></script>
You are now ready to use Highcharts, see Your first chart to get started.
*) Highcharts version 1.x relied on excanvas.js for rendering in IE. From Highcharts 2.0 (and all Highstock versions) IE VML rendering is built into the library.