codecamp

Highcharts 环境配置

Highcharts 环境配置

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

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

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


安装 jQuery

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

  • 1、访问 jquery.com 下载jQuery包。
  • 2、使用百度静态资源库(http://cdn.code.baidu.com/)的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://apps.bdimg.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 教程
Highcharts 配置语法
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }