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:
- Visit jquery.com to download the jQuery package.
- Use the jQuery resources from the Staticfile CDN:
http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js
- Use the jQuery resources from the Staticfile CDN:
- Use the jQuery resources from Baidu's static resource library:
http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
- Use the jQuery resources from Baidu's static resource library:
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:
- Visit highcharts.com to download the Highcharts package.
- Use the official CDN address:
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>