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>

目录
相关文章
|
SQL Java 大数据
Hive实战(03)-深入了解Hive JDBC:在大数据世界中实现数据交互
Hive实战(03)-深入了解Hive JDBC:在大数据世界中实现数据交互
874 1
|
NoSQL 数据可视化 关系型数据库
推荐几个好用的redis可视化工具
推荐几个好用的redis可视化工具
18102 1
|
安全 前端开发 数据安全/隐私保护
BurpSuite进阶篇--自动化挖掘越权漏洞
BurpSuite进阶篇--自动化挖掘越权漏洞
1287 2
|
JSON JavaScript 前端开发
Highcharts 教程
Highcharts 教程
292 2
|
JSON JavaScript 前端开发
开发桌面程序-Electron入门
【10月更文挑战第16天】Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架,嵌入了 Chromium 和 Node.js。本文介绍了如何搭建 Electron 开发环境,包括安装 Node.js、创建项目、配置 main.js 和打包应用。通过简单的步骤,你可以快速创建并运行一个基本的 Electron 应用程序。
664 4
开发桌面程序-Electron入门
Highcharts 曲线图
Highcharts 曲线图
73 3
|
机器学习/深度学习 算法 C语言
详细介绍递归算法在 C 语言中的应用,包括递归的基本概念、特点、实现方法以及实际应用案例
【6月更文挑战第15天】递归算法在C语言中是强大力量的体现,通过函数调用自身解决复杂问题。递归涉及基本概念如自调用、终止条件及栈空间管理。在C中实现递归需定义递归函数,分解问题并设定停止条件。阶乘和斐波那契数列是经典应用示例,展示了递归的优雅与效率。然而,递归可能导致栈溢出,需注意优化。学习递归深化了对“分而治之”策略的理解。**
414 7
pandas list\dict 转换为DataFrame
pandas list\dict 转换为DataFrame
pandas list\dict 转换为DataFrame
|
前端开发 定位技术 API
怎么用LarkMap完成地图需求
本文属于技术选型的参考性文章,主要以一个一个的案例分析,来带各位快速的了解到LarkMap能帮助我们完成哪些需求。希望阅读完之后您对LarkMap有一个大致的印象,若后续有地图需求的话,可以考虑使用LarkMap。
713 2
|
JavaScript 开发工具
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
Electron 开发过程中主进程的无法看到 console.log 输出怎么办