图表的一项重要任务是将原始数据转换为简洁、交互式的图表和图形；这不仅能以更丰富多彩的方式呈现事实和图形，而且会引起读者的兴趣，并进一步简化事情，供用户理解。
jquery图表可以使用各种各样的HTML5画布，这些画布提供与现代浏览器的兼容性，以及来自Internet Explorer的稳定支持。总的来说，这些库中包含六种类型的图表，包括点、饼图、条形图、带点的线以及面积图。这些图表将允许显示易于配置的图例，这有助于正确识别图表上显示的项目。
在本文中，我们向读者展示了8个图表，它们将适合从简单图表到高复杂图表的介绍，享受吧！
1、Chart.js:HTML5画布的图表库
Chart.js是一个令人印象深刻的javascript图表库，它构建在HTML5画布之上。它目前支持6种图表类型（线条、条形图、雷达图、饼图、柱形图和极面图），所有这些都是独立的，小于5KB的包。颜色、字体、边框及其大小都可以自定义。此外，也可以选择将图表与动画一起加载。
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 OrgChart是一个插件，它允许您在易于阅读的树结构中呈现具有嵌套元素的结构。要构建树，您只需要对插件进行单行调用，并为一个嵌套的无序列表元素提供HTML元素ID，该元素代表您想要显示的数据。
7、jsPlumb jQuery插件
jsPlumb jQuery插件为开发人员提供了一种在网页上可视化地连接元素的 *** ，与您在雅虎管道上看到的 *** 大致相同。jsPlumb允许您使用“管道”连接屏幕上的元素，在支持时使用画布元素，并使用Google的Explorer画布脚本支持较旧的浏览器。包括对jquery拖动的完全透明支持，API非常简单，脚本的压缩版本只有10.5K。
