Highcharts 环境配置

简介: Highcharts 环境配置

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

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

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


安装 jQuery

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

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

https://cdn.staticfile.net/jquery/2.1.4/jquery.min.js

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

https://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="https://cdn.staticfile.net/jquery/2.1.4/jquery.min.js"></script>

</head>


安装 Highcharts

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

使用下载的方式(推荐)

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

<head>

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

</head>

使用 CDN

使用官方提供的 CDN 地址:

<head>

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

</head>

相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
目录
相关文章
|
JavaScript 前端开发
vuejs及相关工具介绍
vuejs及相关工具介绍
53 0
UMI多环境配置
一般来说项目不止有dev和prod两个环境,umi可以通过环境变量 UMI_ENV 区分不同环境来指定配置。
1400 0
|
JavaScript 数据可视化 前端开发
1.Cesium介绍及环境配置
本文中我们介绍了cesium开发环境的配置,以及vue中cesium页面的初始化
418 0
|
2天前
|
JSON JavaScript 前端开发
Highcharts 教程
Highcharts 教程
14 2
|
7月前
|
缓存 JavaScript 开发工具
【安装指南】VSCode搭建运行Vue的详细教程
【安装指南】VSCode搭建运行Vue的详细教程
2359 0
|
6月前
Three.js本地环境搭建
Three.js本地环境搭建
|
7月前
|
编解码 数据可视化 前端开发
ECharts 对比 Highcharts 使用教程
ECharts 对比 Highcharts 使用教程
147 1
|
7月前
|
JavaScript 前端开发 数据安全/隐私保护
antdv入门安装教程
antdv入门安装教程
|
7月前
|
JavaScript 数据可视化 前端开发
如何安装和配置 ECharts
如何安装和配置 ECharts
167 1
|
开发框架 JavaScript 前端开发
Vue框架Element UI教程-安装环境搭建(一)
Vue框架Element UI教程-安装环境搭建(一)
161 0