highCharts图表入门简介

1、Highcharts简介

Highcharts:功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库
    Highcharts是一款纯javascript编写的图表库，可以很简单便捷的在Web网站或Web应用中添加交互性的图表，Highcharts目前支持直线图、曲线图、面积图、柱状图、饼图、散点图等多达18种不一样类型的图表，能够知足你对Web图表的任何需求 ！

2、Highcharts的构造

3、名词解释

英文名	中文名	描述
lang	语言文字对象	全部Highcharts文字相关的设置
chart	图表	图表区、图形区和通用图表配置选项
colors	颜色	图表数据列颜色配置，是一个颜色数组
credits	版权信息	Highcharts在图表的右下方放置的版权信息及链
drilldown	向下钻取	向下钻取数据，深刻到其中的具体数据
exporting	导出模块	导出功能配置，导出即将图表下载为图片或打印图表
labels	标签	能够放置到图表区域内任何位置的HTML标签
legend	图例	用不一样形状、颜色、文字等 标示不一样数据列，经过点击标示能够显示或隐藏该数据列
loading	加载中	加载选项控制覆盖绘图区的加载屏的外观和文字
navigation	导航	导出模块按钮和菜单配置选项组
noData	没有数据	没有数据时显示的内容
pane	分块	针对仪表图和雷达图专用的配置，主要设置弧度及背景色
plotOptions	数据点配置	针对不一样类型图表的配置。Highcharts全部图表类型请看下表
series	数据列	图表上一个或多个数据系列，好比图表中的一条曲线，一个柱形
title	标题	包括即标题和副标题，其中副标题为非必须的
tooltip	数据点提示框	当鼠标滑过某点时，以框的形式提示改点的数据，好比该点的值，数据单位等
Axis	坐标轴	包括x轴和y轴。多个不一样的数据列可共用同一个X轴或Y轴，固然，还能够有两个X轴或Y轴，分别显示在图表的上下或左右。

 

4、Highcharts的优点

兼容性

Highcharts支持目前全部的现代浏览器，包括IE6 +、iPhone/iPad、Android。Highcharts在标准（W3C标准）浏览器中使用SVG技术渲染图形，在遗留的IE浏览器中使用VML技术来绘图。

开源免费

针对我的用户及非商业用途免费，并提供源代码下载，你能够任意的修改它。商业用途须要购买许可，我的及非商业用途须遵循CC BY-NC 3.0协议

纯Javascript

Highcharts彻底基于本地浏览器技术，不须要任何插件（例如Flash、java），不须要安装任何服务器环境或动态语言库支持，只须要两个js文件便可运行。

图表类型丰富

Highcharts目前支持直线图、曲线图、面积图、曲线面积图、面积范围图、曲线面积范围图、柱状图、柱状范围图、条形图、饼图、散点图、箱线图、气泡图、偏差线图、漏斗图、仪表图、瀑布图、雷达图，共18种类型图表，其中不少图表能够集成在同一个图形中造成综合图。

动态性

提供丰富的API接口，方便在建立图表后对图表的任意点、线和文字等进行增长、删除和修改操做。支持众多的Javascript事件，结合jQuery、MooTools、Prototype等javascript框架提供的Ajax接口，能够实时地从服务器取得数据并实时刷新图表。

多轴支持

对于须要比较的数据，Highcharts提供多轴支持。而且能够针对每一个轴设置其位置、文字和样式等属性。

动态提示框

当鼠标悬停在图表上的数据点时，Highcharts会显示信息提示框，固然，显示的内容和样式能够本身指定和设置。

图表导出和打印功能

你能够将Highcharts图表导出为PNG、JPG、PDF和SVG格式文件或直接在网页上打印出来。

图表缩放

能够设置图表的缩放，让你更方便查看图表数据。

支持外部数据加载

Highcharts支持多种数据形式，能够是Javascript数组、json文件、json对象和表格数据等，这些数据来源能够是本地、不一样页面，甚至是不一样网站。