小兔网

本章节我们将为大家介绍如何在网页中使用 Highcharts。

本教程将 Highcharts 与 jQuery 结合使用,所以在加载 Highcharts 前必须先加载 jQuery 库。

如果你对 jQuery 不熟悉,可以参阅本站的jQuery 教程

安装 jQuery

jQuery 安装可以使用以下两种方式:

  • 1、访问 jquery.com 下载jQuery包。
  • 2、使用 Staticfile CDN 静态资源库的jQuery资源:

    images/2021/06/11/202106110454524269981.js
  • 3、使用百度静态资源库的jQuery资源:

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

使用下载的方式

使用下载的方式,在 HTML 页面引入 jQuery 代码:

<head>   <script src="/images/2021/06/11/202106110454516963300.js"></script></head>

使用 CDN(推荐)

使用 Staticfile CDN 静态资源库来加载jQuery库:

<head>   <script src="/images/2021/06/11/202106110454524269981.js"></script></head>

安装 Highcharts

Highcharts 安装可以使用以下两种方式:

使用下载的方式(推荐)

使用下载的方式,在 HTML 页面引入 Highcharts 代码:

<head>   <script src="/images/2021/06/11/202106110454524276042.js"></script></head>

使用 CDN

使用官方提供的 CDN 地址:

<head>   <script src="/images/2021/06/11/202106110454524569963.js"></script></head>