Easy Tutorial
❮ Home Highcharts 3D Column ❯

Highcharts Environment Configuration

This section will guide you on how to use Highcharts in web pages.

This tutorial integrates Highcharts with jQuery, so the jQuery library must be loaded before Highcharts.

If you are not familiar with jQuery, you can refer to our jQuery Tutorial.


Installing jQuery

jQuery can be installed using the following methods:

Using the Download Method

To use the downloaded version, include the jQuery code in your HTML page:

<head>
   <script src="/jquery/jquery.min.js"></script>
</head>

Using CDN (Recommended)

Use the Staticfile CDN to load the jQuery library:

<head>
   <script src="http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
</head>

Installing Highcharts

Highcharts can be installed using the following methods:

Using the Download Method (Recommended)

To use the downloaded version, include the Highcharts code in your HTML page:

<head>
   <script src="/highcharts/highcharts.js"></script>
</head>

Using CDN

Use the official CDN address:

<head>
   <script src="http://code.highcharts.com/highcharts.js"></script>
</head>
❮ Home Highcharts 3D Column ❯