Highchart插件简介和引入方式

Posted 2020-08-16 心知梦圆

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