h5优秀控件_HTML5优秀图表控件
不管是哪个领域的开发,都有机会用到图表来做统计分析,以更直观的表现形式来代替传统的文字。在以前,图表控件主要有使用程序代码生成的静态图片,或者是使用flash实现的图表控件。
在HTML5非常流行的当下,现代浏览器提供越来越强大的功能,涌现出许多优秀的图表控件,它们基于Canvas/SVG技术来绘制图表(低版本IE使用VML技术),不再需要flash等额外的插件,提供丰富的表现形式以及交互方式,而且性能更加优越。
对于不支持Canvas的浏览器(主要是针对IE),一般都是使用excanvas来适配,它会自动转化成vml来兼容。
Raphaël
一个小型的js库,但是功能非常强大,可以用它在页面上绘制任意类型的图形,以及对图形进行一些操作。
D3
以数据驱动的方式来构建可视化图表,但是操作起来并不简单,而且只支持现代浏览器(古董浏览器就白白吧)
Highcharts
纯js实现,兼容所有现代浏览器,包括iPhone/iPad的移动浏览器,甚至包括古董的IE6。
主要使用SVG技术来渲染,IE8及以下使用VML技术。内置jQuery的支持,对于Mootools和PrototypeJS也提供适配。更详细的兼容性请看:http://www.highcharts.com/documentation/compatibility
支持折线图、样条图、面积图、面积样条图、柱形图、条形图、饼图、散点图、极坐标图、仪表图、范围图表系列等图表类型。
Chart.js
轻量级的js控件(4.5k),不依赖任何js库如jQuery等,有较多的选项可以控制,良好的表现效果。
主要提供折线图、条形图、雷达图、饼图、极坐标图、圆环图。
gRaphaël
基于raphaeljs创建折线图、条形图、柱状图、饼状图等,兼容所有主流浏览器。
RGraph
基于HTML5 Canvas,支持超过20种不同类型的图表:条形、现状、饼图、仪表图,用于计划管理的甘特图、漏斗图、瀑布图等。
morris.js
基于jQuery和Raphaeljs,支持折线图、柱状图、面积图、圆环图等。
xCharts
基于D3的图表,支持折线图、柱状图、时序图等。
dhtmlxChart
跨浏览器的HTML5图表,支持折线图、柱状图、面积图、饼图等,支持XML/JSON等格式的数据源。此外,还有dhtmlxGantt专门用于显示甘特图。
GoJS
使用canvas,用于创建交互式图表(主要是在网页中连接各种元素),功能相当强大。
jsPlumb
用于在网页中连接UI元素,支持主流浏览器。
InfoVis
用于创建各种交互式图表,如面积图、条形图和饼图,但主要是用于创建一些图形,并对他们进行连接。
Flot
基于jQuery的图表库,支持折线图、柱形图、时序图等,并可以通过插件扩展不同的图表类型。
Cubism.js
D3的插件,用于显示时序图。
peity
jQuery插件,生成迷你的折线图、饼图、条形图、时序图等,使用非常灵活。
jQuery Sparklines
jQuery插件,用于生成迷你图表如折线图、柱状图等。
Timeline
交互式的时间轴图表,可以自由移动、拖动、放大以及在时间轴中编辑。
Smoothie Charts
迷你的时序图
jQuery.Gantt
基于jQuery的甘特图插件,支持编辑、缩放等。
jQuery.ganttView
基于jQuery的甘特图插件,支持拖拽以及调整大小。
JointJS
用于创建各种图表并对它们进行连接,支持所有现代标准浏览器,但是对古董浏览器支持不太好(ie9-)。
arbor.js
用于创建动态的连接图,在IE下无法工作。
h5优秀控件_HTML5优秀图表控件相关推荐
- labview波形图两个游标,LabVIEW数据可视化:使用波形图表控件逐点显示曲线的方法...
LabVIEW平台中提供了强大的2D/3D数据的可视化控件,如波形图.波形图表.XY图.强度图.数字波形图.混合信号图.二维/三维图片及用于特殊用途的极坐标图.Smith图.雷达图控件等. 上篇文章: ...
- 三款ActiveX图表控件对比评测 TeeChart VS ProEssentials…
概述:本文分别对几款优秀的ActiveX图表控件:TeeChart Pro ActiveX.ProEssentials.ChartDirector作了优势分析,对比评测,希望对用户的图表选型有所帮助. ...
- 图表控件TeeChart安装使用
优秀的图表控件很多,如AnyChart.TeeChart.Highcharts.FusionCharts XT,本文介绍如何在VC6.0上安装使用TeeChart,主要分三步: 第一步:安装TeeCh ...
- 三款ActiveX图表控件对比评测 Pro ActiveX、ProEssentials、ChartDirector
原文转载自慧都控件网:http://www.evget.com/zh-CN/Info/catalog/18101.html 图表控件在现在的商业化应用中已经非常的常见了,随便打开一个网站,图表比比皆是 ...
- .NET图表控件TeeChart for .NET使用教程:图例设计
本文主要介绍TeeChart for .NET使用教程中关于图例设计的相关介绍. TeeChart for .NET官方正版下载 图例控制 图例参数可通过图表编辑器.图表选项卡.图例页面访问. 样 ...
- 微软图表控件MsChart
转自:http://tech.ddvip.com/2008-11/122640479791375.html 昨天在网上看到了微软发布了.NET 3.5框架下的图表控件,第一时间抓下来看了一下,发觉功能 ...
- 跨平台图表控件TeeChart使用教程:导入XML数据
2019独角兽企业重金招聘Python工程师标准>>> TeeChart的最新版中包含了一个自动加载XML数据的新组件.这个组件的名字叫做TTeeXMLSource,用户可以在Tee ...
- 漂亮好用的ASP.NET图表控件 免费的
绝对免费,绝对好用,中文支持绝对好,轻松生成漂亮的2D和3D图表. 这个控件是我找到的免费图表控件中非常好的一个,我一直在关注这个控件,虽然功能未必比得上商业的图表控件强大,但是绝对好用,绝对免费,他 ...
- 微软图表控件MsChart使用说明[转]
微软图表控件MsChart使用说明 建立一个.NET3.5的Web项目,像使用普通控件一样拖放到要使用的Web界面即可.初步研究了一下,整个图形控件主要由以下几个部份组成: 1.Annotations ...
- 基于.NET的图表控件解决方案
2019独角兽企业重金招聘Python工程师标准>>> .netCHARTING是一个非常棒的.NET图表控件,对中文支持非常好,而且操作方便,开发快速,既有webform 也有wi ...
最新文章
- 《windows核心编程系列》十八谈谈windows钩子
- 虚拟化--027 VMware vCenter Server Heartbeat 6.5安装教程
- linux最基础安装,Linux Nginx最基础的十大安装步骤(2)
- 68)deque数组
- 电脑网页打不开但qq能上解决方法
- 【C#控件详解】对话框类控件(打开文件,保存文件,选择字体和颜色)
- 【转】Dynamics 365中配置和使用文件夹级别的跟踪(folder-level tracking)
- math.floor()和math.ceil()的使用
- 全网最全Python爬虫工具使用指南
- Android+clipse导入工程提示:invalid project description
- 如何从数据框的单元格获取值?
- 单片机加减法计算器_大神们!汇编,数码管显示简易加减计算器
- Red Giant Universe 3.0.2 for After Effects 破解版 Mac 红巨星宇宙特效插件包预设
- 主配线区(MDA)、水平配线区(HDA)和设备配线区(EDA)预端接布线方案
- 索尼入局汽车市场,新能源汽车将成主流
- 服务器集群环境下session的共享问题
- linux 后台运行jar包 报错no main manifest attribute, in xxx.jar
- 图文详解 HDFS 的工作机制及其原理
- 通达OA v11.7 在线用户登录漏洞复现(附带一键getshell脚本)
- SpringMVC生成Excel模板
热门文章
- PCB Layout 中的直角走线、差分走线和蛇形线
- 一键查询网站服务器归属地,一文搞定3种批量查询手机归属地的方法
- 批量调取接口_调用API接口批量查手机归属地
- java计算机毕业设计商店管理系统源码+系统+数据库+lw文档+mybatis+运行部署
- python请输入一个三位数输出该三位数的逆序数_键盘输入一个三位数,输出逆序后的数...
- cmd命令 复制文件夹里所有文件到另一个文件夹操作方式
- 水晶报表教程:手把手教你制作基本报表
- IE8中解决Cell华表插件不显示方法!
- wordpress单独html页面,wordpress独立留言板页面
- 一分钟快速了解内网穿透软件有哪些