10个最好的免费Javascript图表生成方案

这篇文章收集了用 Javascript 生成图表的一些有趣的库及脚本。

10个最好的免费Javascript图表生成方案

Flot

10个最好的免费Javascript图表生成方案

Flot 是 针对 jQuery 的一个纯 Javascript 的图表库。它在客户端生成任意数据集的图形图表。优点是使用简单(所有设定都可选),优雅的样式以及类似缩放和鼠标追踪等的交互特性。

Flotr JavaScript Plotting Library

10个最好的免费Javascript图表生成方案

Float r是一个受到 Flot(作者为 Ole Laursen)启发并且基于 Prototype(目前版本是1.6.0.2)Javascript 框架的 Javascrip t图表库。使用Floatr可以用易于学习的语法在大多数现代浏览器中画出漂亮的图形。它具有图标支持,负值支持,鼠标追踪,选区支持,缩放支持,事件挂 钩,css样式支持等多种特性。

JS charts

10个最好的免费Javascript图表生成方案

JS Charts 是一个无需编码或只需少量编码的基于 Javascript 的图表生成器。使用 JS Charts 生成图标是非常简单而容易的事情,因为只需要使用客户端脚本就可以了(例如,浏览器实现)。无需额外的插件或服务器模块。

HTML-Graphs

10个最好的免费Javascript图表生成方案

使用这个脚本可以生成水平/垂直条形图,进度条以及调谐波形图。可以生成简单的图表或者有图标的分组条形图,添加标签,改变颜色等。无需额外图形和图形库。

Canvas 3D Graph

10个最好的免费Javascript图表生成方案

Canvas 3D Graph 是一个以 3D 形式标识数字的特殊条形图。

fgCharting Plugin for jQuery

10个最好的免费Javascript图表生成方案

fgCharting Plugin for jQuery 是一个图形数据的易用方案。它将 Html 中表格数据动态地转换为图标,支持非传统浏览者(例,屏幕阅读器使用者)使用 Html 表格。基本使用需要引用一行代码来初始化插件。

TableDiagram

10个最好的免费Javascript图表生成方案

这个脚本将表格种的数据生成图标形式。表格中的数据必须是非负值(大于或等于0),整数,小数均可。

Pie Graph

10个最好的免费Javascript图表生成方案

这是一个纯基于 DHML/CSS 的饼型图脚本。加载迅速并且和页面其他部分相溶合。可以使用透明图片作为背景。

JavaScript Chart

10个最好的免费Javascript图表生成方案

Magnus Lundahl 写的另一个可以添加图表样式到网页的轻量级脚本。

JavaScript Diagram Builder

10个最好的免费Javascript图表生成方案

Javascript Digram Builder v3.3 是一个对象和函数的库。它可以帮助你在页面中用简单的方法展示坐标图(分别为图表或者图形)。

你可能感兴趣的:(JavaScript)