HighCharts 特性

兼容性 - 支持所有主流浏览器和移动平台（android、iOS等）。
多设备 - 支持多种设备，如手持设备 iPhone/iPad、平板等。
免费使用 - 开源免费。
轻量 - highcharts.js 内核库大小只有 35KB 左右。
配置简单 - 使用 json 格式配置
动态 - 可以在图表生成后修改。
多维 - 支持多维图表
配置提示工具 - 鼠标移动到图表的某一点上有提示信息。
时间轴 - 可以精确到毫秒。
导出 - 表格可导出为 PDF/ PNG/ JPG / SVG 格式
输出 - 网页输出图表。
可变焦 - 选中图表部分放大，近距离观察图表；
外部数据 - 从服务器载入动态数据。
文字旋转 - 支持在任意方向的标签旋转。

支持的图表类型

HighCharts支持的图表类型：

序号	图表类型
1	曲线图
2	区域图
3	饼图
4	散点图
5	气泡图
6	动态图表
7	组合图表
8	3D 图
9	测量图
10	热点图
11	树状图(Treemap)

Highcharts 环境配置

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

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

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

安装 jQuery

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

1、访问 jquery.com 下载jQuery包。
2、使用 BootCDN 静态资源库的jQuery资源：
```
http://cdn.bootcss.com/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（推荐）

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

<head>

   <script src="http://cdn.bootcss.com/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 环境配置的更多相关文章

Spring环境配置
研究spring3的时候发现一个非常好用的特性:环境配置(spring2是否有此特性未知) 官方演示样例代码例如以下:  <beans ...
Highcharts 环境配置
Highcharts 环境配置本章节我们将为大家介绍如何在网页中使用 Highcharts. Highcharts 依赖于 jQuery,所以在加载 Highcharts 前必须先加载 jQuery ...
HighCharts学习笔记(二)HighCharts结构及详细配置
HighCharts结构及详细配置: 一.HighCharts整体结构: 通过查看API文档我们知道HighCharts结构如下:(API文档在文章后面提供下载) var chart = new Hi ...
XMPP开发环境配置
首先配置XMPP开发环境配置需要的软件先安装xampp-osx-1.8.3-5-installer.dmg 安装成功后launchpad里会多出一个XAMPP(其他),点开里面的manager-os ...
Android 开发基础及环境配置
2011年买了第一部安卓操作系统的手机,当时势头正盛的HTC不可思议(incredible),当时的想法就是想学习下智能手机开发,但是由于各种原因,客观上是公司的项目太忙了,忙于项目管理.团队建设.客 ...
(转) 一步一步学习ASP.NET 5 (一）- 基本概念和环境配置
转发:微软MVP 卢建晖的文章,希望对大家有帮助. 编者语:时代在变,在csdn开博一年就发了那么的两篇文章,无论是什么原因都觉得有愧了.但是今年重心都会在这里发表一些文章,和大家谈谈.NET, 移 ...
Windows7+VS2012下OpenGL 4的环境配置
系统环境 Windows 7 Ultimate x64,Visual Studio Ultimate 2012 Update 4,和一块支持OpenGL 4.x的显卡. 准备工作首先用GPU Cap ...
Laravel教程一：安装及环境配置
Laravel教程一:安装及环境配置此文章为原创文章,未经同意,禁止转载. Homestead 最近在SF上面看到越来越多的Laravel相关的问题,而作为一个Laravel的脑残粉,本来打算有机 ...
PySe-001-基础环境配置（MacOX）
Python 是一种面向对象.解释型计算机程序设计语言,其源代码同样遵循 GPL(GNU General Public License)协议.Python语法简洁而清晰,具有丰富和强大的类库.由于Py ...

随机推荐

字符串的partition函数
partition函数 str1='sdga2a34'aa=str1.partition('a') print(aa) """ ('sdg', 'a', '2a34') ...
SQL Server语句创建数据库和表——并设置主外键关系
简单的创建数据库的 SQL 语句: use master go if exists(select * from sysdatabases where name='Test') begin select ...
Use the SVN command-line tool
欢迎关注我的社交账号: 博客园地址: http://www.cnblogs.com/jiangxinnju/p/4781259.html GitHub地址: https://github.com/ji ...
“使用驱动器中J:的光盘之前需要将其格式化
不知道神马原因致使U盘无法打开——大家千万注意:以后遇见这种情况千万别格式化(当然如果你的U盘或者硬盘里没有重要东西那就另当别论),进入“开始-cmd”,因为我的U盘在电脑上读出来是J盘,所以在cmd ...
Ubuntu16.04桌面版连接到ftp服务器
Ftp服务器在不同的网段,需要临时添加网段不同网段临时添加方法: root@xzrs:/home/rxf# ip addr add 10.1.2.127/24 dev enp0s25 电脑左侧“连接 ...
Python面试题之Python生成器
首先说明一下生成器也是迭代器,也有迭代器的那些优点. 那为什么要生成器呢?因为到目前为止都不是你写的迭代器,都是别人定义好的.那如何自己去造一个迭代器呢?下面的内容就会给你答案. 想要自己造一个迭代 ...
javascript里用php
<script type="text/javascript" > <?php if (!empty($searchResult)):?> $.searchM ...
[Linux 005]——IO重定向
通常在 Shell 中执行命令的时候,我们会在输入命令的下方看到执行结果,操作系统默认将命令的执行结果输出到显示器上.当然,我们也可以手动的指定输出路径,或者输入路径,这就是 I/O 重定向. 1.标 ...
试编hello world
这里是一些vim的使用方法: 这时不知道怎么编译了看了上面的知识也问了志伟,我就知道了.是要“./hello”就可以了自己敲了代码,今后也会多试运行,编译,得尽快安装虚拟机了.
zabbix3.2通过snmp v2采集Dell服务器iDRAC口信息监控硬件
模板下载 https://files.cnblogs.com/files/LuckWJL/zbx_export_templates.xml 模板源代码 <?xml version="1 ...

HighCharts 特性；Highcharts 环境配置