Highcharts 环境配置

Posted 天高任我飞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Highcharts 环境配置相关的知识,希望对你有一定的参考价值。

Highcharts 环境配置

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

Highcharts 依赖于 jQuery,所以在加载 Highcharts 前必须先加载 jQuery 库。

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


安装 jQuery

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

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

    http://cdn.static.runoob.com/libs/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(推荐)

使用本站静态资源库来加载jQuery库:

<head>
   <script src="http://cdn.static.runoob.com/libs/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 环境配置的主要内容,如果未能解决你的问题,请参考以下文章

Android Highcharts DialogFragment

highcharts中用<%=%>获得一个数组,如何将该数组赋给data呀?????

VSCode 配置 用户自定义代码片段 自定义自动代码补充

vscode 开发微信小程序环境配置

简易的highcharts公共绘图模块封装--基于.net mvc

Highcharts配置