Highcharts Environment Configuration

In this chapter, we will introduce how to use Highcharts in web pages.

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

If you are not familiar with jQuery, you can refer to our site'sjQuery Tutorial。

Install jQuery

jQuery installation can be done in the following two ways:

1. Visitjquery.comDownload the jQuery package.
2. Use the jQuery resources from the Staticfile CDN static resource library:
```
https://cdn.staticfile.net/jquery/2.1.4/jquery.min.js
```
3. Use the jQuery resources from Baidu's static resource library:
```
https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
```

Use the download method to include jQuery code in the HTML page:

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

Use the Staticfile CDN static resource library to load the jQuery library:

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

Highcharts installation can be done in the following two ways:

1. Visithighcharts.comDownload the Highcharts package.
2. Use the CDN address provided by the official site:https://code.highcharts.com/highcharts.js

Use the download method to include Highcharts code in the HTML page:

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

Use the CDN address provided by the official site:

<head>
   <script src="https://code.highcharts.com/highcharts.js"></script>
</head>

other extensions