jquery图表可以利用各种各样的HTML5画布,这些画布供应与当代浏览器的兼容性,以及来自Internet Explorer的稳定支持。
总的来说,这些库中包含六种类型的图表,包括点、饼图、条形图、带点的线以及面积图。
这些图表将许可显示易于配置的图例,这有助于精确识别图表上显示的项目。

在本文中,我们向读者展示了8个图表,它们将适宜从大略图表到高繁芜图表的先容,享受吧!

1、Chart.js:HTML5画布的图表库

Chart.js是一个令人印象深刻的javascript图表库,它构建在HTML5画布之上。
它目前支持6种图表类型(线条、条形图、雷达图、饼图、柱形图和极面图),所有这些都是独立的,小于5KB的包。
颜色、字体、边框及其大小都可以自定义。
此外,也可以选择将图表与动画一起加载。

jsp地图插件7个图表小介绍构建交互式的最佳jquery图表库 Webpack

2、Xcharts:用于构建数据驱动图表

Xcharts是一个javascript库,用于利用d3.js为Web构建俊秀的自定义数据驱动图表可视化。
利用HTML、CSS和SVG,Xcharts被设计成动态的、流畅的、开放的集成和定制。

由于Xcharts利用SVG,以是我们能够通过CSS直接完成Xcharts的大部分样式。
这意味着您有相称多的掌握权来处理您想要的可视化效果。
设置图表样式的最佳方法是从包含的样式表开始,或者利用浏览器的元素检讨器查看可利用的每个元素CSS类选择器。

3、Sigma.js:利用html5画布元素绘制图形

Sigma.js是一个免费的开源JavaScript库,利用html5画布元素绘制图形。
它被特殊设计为在网页上共享交互式网络舆图或动态浏览网络数据库。
它是根据麻省理工学院的容许证分发的。

4、jQuery Sparklines 迷你图

这个jquery插件直接在浏览器中利用HTML内联或通过javascript供应的数据天生迷你图。
该插件与大多数当代浏览器兼容,并已通过了Firefox 2+、Safari 3+、Opera 9、Google Chrome和Internet Explorer 6、7、8和9以及iOS和Android的测试。

5、Morris.js:绘制韶光序列线图

Morris.js是一个轻量级的库,它利用jquery和rapha_l使绘制韶光序列图变得随意马虎。
Morris.js最初是为howmanyleft.co.uk上的图形供应支持的代码
现在,它已经被全天下的开放源码扩展和享受。

6、jQuery OrgChart组织构造图

图片来源于:jQuery之家

jQuery OrgChart是一个插件,它许可您在易于阅读的树构造中呈现具有嵌套元素的构造。
要构建树,您只须要对插件进行单行调用,并为一个嵌套的无序列表元素供应HTML元素ID,该元素代表您想要显示的数据。

7、jsPlumb jQuery插件

jsPlumb jQuery插件为开拓职员供应了一种在网页上可视化地连接元素的方法,与您在雅虎管道上看到的方法大致相同。
jsPlumb许可您利用“管道”连接屏幕上的元素,在支持时利用画布元素,并利用Google的Explorer画布脚本支持较旧的浏览器。
包括对jquery拖动的完备透明支持,API非常大略,脚本的压缩版本只有10.5K。