Latest web development tutorials

Highcharts environment configuration

This chapter we will introduce how to use Highcharts in web pages.

Highcharts depends on jQuery, so before loading Highcharts must load the jQuery library.

If you are not familiar with jQuery, you can see the site of jQuery tutorial .


Install jQuery

jQuery installation can use the following two ways:

  • 1, access jquery.com download jQuery package.
  • 2, static repository site using jQuery resources:

    http://cdn.static.w3big.com/libs/jquery/2.1.4/jquery.min.js
  • 3, using jQuery resource Baidu static repository:

    http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

Use way to download

Use the downloaded manner, the introduction of jQuery code in an HTML page:

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

Use CDN (recommended)

Use a static repository site to load the jQuery library:

<head>
   <script src="http://cdn.static.w3big.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

Installation Highcharts

Highcharts installation can use the following two ways:

  • 1, access highcharts.com download Highcharts package.
  • 2, using the CDN address provided by theofficial: http://code.highcharts.com/highcharts.js

Use way to download (Recommended)

Use the downloaded manner, the introduction of HTML pages Highcharts Code:

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

Use CDN

Use CDN official address provided:

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