有效的数据可视化可以让用户轻松地理解和使用复杂、无聊的信息。绘制数据图可以替代表格数据，也是在网页或应用程序中添加实用图形的好方法。有各种各样的方法可以实时绘制数据—但是在本文中，我们将重点关注这些方法10个优秀的JavaScript解决方案来绘图/图表数据允许您在客户端处理数据。
您还将找到指向该脚本的一个演示页面的链接，以便您可以看到它的实际操作。
Flot
Flot数据绘图库是由IOLA基于jQuery构建。它很容易使用，但功能丰富且优雅。它具有一个鼠标控制的缩放功能(在目标区域上单击并拖动)和一些简单的用户交互功能，例如确定鼠标单击的x和y坐标的能力。演示:不同的图表类型
Flotr Javascript绘图库
Flotr，由Solutoire.com的Bas Wenneker编写，是一个受Flot启发的绘图解决方案，使用了Prototype JS库和excanvas.js．它支持大多数现代浏览器，包括Internet Explorer 6，并具有许多Flot的功能，包括鼠标跟踪，选择，鼠标跟踪功能。演示:基本图例示例
fgCharting插件的jQuery
fgCharting jQuery插件是绘制数据图表的可访问解决方案。它接收HTML表中的数据，并动态地将表转换为图表，允许非传统浏览器(即屏幕阅读器)访问HTML表。
基本用法包括一行代码来初始化插件。演示:图表类型页面
PlotKit
PlotKit上面是否写有图表绘制方案Mochikit．PlotKit完全重写了名为CanvasGraph.js的项目，改进了代码结构并添加了对SVG格式的支持。演示:SVG呈现器测试
JavaScript图表构建器
的JavaScript图BuildeR支持多种类型的图表和图形类型，包括条形图、圆点图、直线图和饼图。开发商提供了浏览器支持工具帮助您检查库的特定对象/方法是否被当前浏览器支持。演示:栏对象
冒险JavaScript图表
冒险JavaScript图表提供了一个免费的个人许可证，用于他们的功能丰富的图表/绘图脚本。查看他们不同类型的许可证的特性对照表，看看哪个许可证适合你。演示:面积图示例
动态驱动器饼图脚本
DynamicDrive提供了一个基于DHTML/CSS的饼状图绘制解决方案。实现很简单，只包括提供的两个脚本(wz_jsgraphics.js和pie. JS)，内联或在外部JS文件中定义饼图每个部分的值，然后就可以设置了!
动态驱动线图脚本
的线图脚本是DynamicDrive的另一个DHTML解决方案，它允许显示线形图数据。实现过程类似于Pie Graph脚本。
画布上的3 d图
如果你需要绘制三维数据，画布上的3 d图值得一试。Canvas 3D Graph是用excanvas.js编写的，以支持Internet Explorer。
Dojo图表引擎
Dojo图表引擎是在Dojo Toolkit JavaScript库之上编写的解决方案。这是一个功能丰富的解决方案，包括动态分析数据的趋势方法、3D视觉条和动画悬停效果。注意，链接到项目页面上的示例测试页面不能工作，这里是工作示例页面链接。
示范:圆柱图您最喜欢的图表解决方案没有包含在列表中?有一个网页，使用任何以上的解决方案?请在评论中与我们分享。
