Highcharts environment configuration

May 09, 2021 Highcharts

In this section, we'll show you how to use Highcharts on a Web page.

Highcharts depend on jQuery, so the jQuery library must be loaded before Highcharts can be loaded.

If you're not familiar with jQuery, you can refer to the jQuery tutorial on this site.

Install jQuery

There are two ways jQuery installations can be used:

1, access jquery.com download the jQuery package.
2, the use of Baidu static resource library (http://cdn.code.baidu.com/) jQuery resources: http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

Use the download method to introduce jQuery code on HTML pages:

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

Use Baidu's static repository to load the jQuery library:

<head>
   <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" rel="external nofollow" ></script>
</head>

Highcharts installations can be installed in two ways:

1, access highcharts.com download highcharts package.
2, the use of official CDN address: http://code.highcharts.com/highcharts.js

Use the download method to introduce Highcharts code on HTML pages:

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

Use the official CDN address:

<head>
   <script src="http://code.highcharts.com/highcharts.js" rel="external nofollow" ></script>
</head>