首页 > 代码库 > Highchart插件简介和引入方式

Highchart插件简介和引入方式

一、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/

技术分享

技术分享

二、环境配置

1、引入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

2、引入Highcharts插件:

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

Highchart插件简介和引入方式