Highchart插件简介和引入方式

1、Highchart简介：

Highcharts 是一个用纯 JavaScript 编写的一个图表库， 可以很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表。

Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表，其中不少图表能够集成在同一个图形中造成混合图。

http://www.hcharts.cn/products/highcharts

http://www.hcharts.cn/docs/compatibility

 

名词解解释：

svg:可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。相关教程：http://www.runoob.com/svg/svg-tutorial.html。

vml:至关于IE里面的画笔，能实现你所想要的图形，并且结合脚本，能够让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的，在我认为， VML实际上是Word和HTML结合的产物。能够将Word文档另存为HTML，其中的文本和图片能够很容易的转换，但若是是手绘制的图形在以往的IE里面就没法解释了，若是都转换成图形文件又不太现实。因而微软把Word里面的图形控件结合到IE里面，使IE也具有了绘图功能。

vml手册：http://www.g168.net/txt/vml/

2、环境配置

一、引入jquery:

• 使用本地安装包
• 使用本地静态资源库：http://cdn.static.runoob.com/libs/jquery/2.1.4/jquery.min.js
• 使用百度静态资源库的jQuery资源：http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

二、引入Highcharts插件：

• 访问 highcharts.com 下载 Highcharts 包。
• 二、使用官方提供的 CDN 地址：http://code.highcharts.com/highcharts.js