Highcharts 环境配置

Highcharts 教程 · 2019-04-08 21:38:50

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

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

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

安装 jQuery

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

1、访问 jquery.com 下载jQuery包。
2、使用 Staticfile CDN 静态资源库的jQuery资源：
```
http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js
```

3、使用百度静态资源库的jQuery资源：

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

使用下载的方式

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

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

使用 CDN（推荐）

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

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

安装 Highcharts

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

1、访问 highcharts.com 下载 Highcharts 包。
2、使用官方提供的 CDN 地址：http://code.highcharts.com/highcharts.js

使用下载的方式（推荐）

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

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

使用 CDN

使用官方提供的 CDN 地址：

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

点击查看所有 Highcharts 教程文章: https://codercto.com/courses/l/46.html

查看所有标签

码农书籍

Web标准之道

阿一、棕熊、李战、丁学 / 人民邮电出版社 / 2009-8 / 35.00元

《Web标准之道:博客园精华集》由博客园知名博主联手打造，涉及Web标准、HTML/CSS、JavaScript、SEO优化等诸多领域，内容新颖，观点独特，妙语连珠。《Web标准之道:博客园精华集》并不是一本由代码和技巧堆积而成的集合，更多的是探讨了Web设计中若干理念和心得，其中多为经验之谈。无论对于从事Web前端设计的人士，还是对于那些从事Web后端编程的技术人员，《Web标准之道:博客园精华......一起来看看《Web标准之道》这本书的介绍吧!

码农工具

HTML 编码/解码

URL 编码/解码

New

文章

话题

教程

Tips

\documentclass{article}
 
\begin{document}
    Hello, World!
     
\end{document}