Highchart插件简介和引入方式
2016-10-29 23:27
197 查看
一、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/
![](https://images2015.cnblogs.com/blog/994765/201610/994765-20161029230323281-1414070087.png)
![](https://images2015.cnblogs.com/blog/994765/201610/994765-20161029231721421-1352738515.png)
二、环境配置
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
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/
![](https://images2015.cnblogs.com/blog/994765/201610/994765-20161029230323281-1414070087.png)
![](https://images2015.cnblogs.com/blog/994765/201610/994765-20161029231721421-1352738515.png)
二、环境配置
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插件属性说明(转载)
- highchart插件属性说明
- easyUI (1)的简介与引入方式
- HighChart插件小札
- 进一步封装highchart,打造自己的图表插件:jHighChart.js
- 进一步封装highchart,打造自己的图表插件:jHighChart.js
- Highchart中如何引入资源包
- HighCharts(1):实例化Highchart并绑定到容器上的三种方式
- highchart插件属性说明(转载)
- highchart插件的属性说明
- highchart插件使用 生成 柱状图
- 进一步封装highchart,打造自己的图表插件:jHighChart.js
- Highchart插件下载与安装
- 进一步封装highchart,打造自己的图表插件:jHighChart.js
- HighChart前后台封装,构造个性化图表插件highChartTools,快捷创建各种图表
- CSS文件引入方式简介
- 两种方式处理图表【php插件之jpgraph】【open-flash-chart】
- jQuery HighchartsTableHTML表格转Highcharts图表插件
- highchart插件属性说明
- highchart学习网址