10 个基于 JavaScript 的图表插件推荐
jopen 12年前
<div id="news_body"> <p> 交互式图表是 Web 应用中不可或缺的一部分，一个优秀的图表，不仅可以令数据一目了然，而且可以极大地增强应用的用户体验。</p> <p> 本文带来 10 个非常酷的 JavaScript 图表库，有简单的也有复杂的，以满足不同的需求。</p> <p> <strong>1. Cubism.js</strong></p> <p> 一个基于 D3.js 的插件，可以实时显示时间序列。D3.js 是一个针对 HTML 和 SVG 的 JavaScript 可视化库。</p> <p style="text-align:center;"><img alt="10 个基于 JavaScript 的图表插件推荐" src="https://simg.open-open.com/show/e8132e5d83d8bc7852ed86a627faa836.jpg" width="580" height="150" /></p> <p> <a href="/misc/goto?guid=4958342278761910164" target="_blank">源码</a> / <a href="/misc/goto?guid=4958342279679595265" target="_blank">演示</a></p> <p> <strong>2. RGraph</strong></p> <p> 一个 HTML5 JavaScript 图表库，支持 20 多种不同类型的图表。</p> <p style="text-align:center;"><img alt="10 个基于 JavaScript 的图表插件推荐" src="https://simg.open-open.com/show/a42176d0516ae6c74a7749431b2e0e43.jpg" width="580" height="150" /></p> <p> <a href="/misc/goto?guid=4958330459111945894" target="_blank">源码</a> / <a href="/misc/goto?guid=4958342281214889066" target="_blank">演示</a></p> <p> <strong>3. Cytoscape Web</strong></p> <p> 一个开源的图形可视化库，基于 jQuery 编写。</p> <p style="text-align:center;"><img alt="10 个基于 JavaScript 的图表插件推荐" src="https://simg.open-open.com/show/3cd2bca33b1c42adc71eb3eda0ef2363.jpg" width="580" height="150" /></p> <p> <a href="/misc/goto?guid=4958342282015781004" target="_blank">源码</a> / <a href="/misc/goto?guid=4958342282800252289" target="_blank">演示</a></p> <p> <strong>4. sigma.js</strong></p> <p> 一个开源的轻量级 JavaScript 库，使用 HTML canvas 元素来绘制图形。</p> <p style="text-align:center;"><img alt="10 个基于 JavaScript 的图表插件推荐" src="https://simg.open-open.com/show/7d1edbb43c103cdf19c1399b18b93bec.jpg" width="580" height="150" /></p> <p> <a href="/misc/goto?guid=4958342283594644639" target="_blank">源码</a> / <a href="/misc/goto?guid=4958342284373367597" target="_blank">演示</a></p> <p> <strong>5. Morris.js</strong></p> <p> 一个小巧的、效果漂亮的 JavaScript 库，用于可视化时间序列数据。</p> <p style="text-align:center;"><img alt="10 个基于 JavaScript 的图表插件推荐" src="https://simg.open-open.com/show/9bba0b1e5b5588e89670f696ba452837.jpg" width="580" height="150" /></p> <p> <a href="/misc/goto?guid=4958342285161845918" target="_blank">源码</a> / <a href="/misc/goto?guid=4958342285943330154" target="_blank">演示</a></p> <p> <strong>6. Timeplot</strong></p> <p> 基于 DHTML 的 AJAX 部件，用于绘制时间序列，并在上面叠加基于时间的事件。</p> <p style="text-align:center;"><img alt="10 个基于 JavaScript 的图表插件推荐" src="https://simg.open-open.com/show/888e6d5945a7899821d6472197db2d0d.jpg" width="580" height="150" /></p> <p> <a href="/misc/goto?guid=4958329818131080763" target="_blank">源码 + 演示</a></p> <p> <strong>7. Dracula</strong></p> <p> 一套用于显示和设计交互式图表的工具，包含了各种不同的算法。无需 Flash、Java 和其他插件。</p> <p style="text-align:center;"><img alt="10 个基于 JavaScript 的图表插件推荐" src="https://simg.open-open.com/show/d91f0c8bc7a50a8828956633f963dd99.jpg" width="580" height="150" /></p> <p> <a href="/misc/goto?guid=4958342287461790706" target="_blank">源码 + 演示</a></p> <p> <strong>8. gRaphael</strong></p> <p> 一个开源的 JavaScript 图表库，基于 Raphael（拉斐尔）JavaScript 库。</p> <p style="text-align:center;"><img alt="10 个基于 JavaScript 的图表插件推荐" src="https://simg.open-open.com/show/ffa617afa931753d19e2a0b7aee10aa8.jpg" width="580" height="150" /></p> <p> <a href="/misc/goto?guid=4958330461416779588" target="_blank">源码 + 演示</a></p> <p> <strong>9. gvChart</strong></p> <p> 一个 jQuery 插件，使用谷歌的 Charts API 以及 HTML 标记中的数据，来创建交互式、可视化的图表。</p> <p></p> <p style="text-align:center;"><img alt="10 个基于 JavaScript 的图表插件推荐" src="https://simg.open-open.com/show/1041b3a45592b42a1d980912a8b02371.jpg" width="580" height="150" /></p> <p> <a href="/misc/goto?guid=4958342288965870959" target="_blank">源码</a> / <a href="/misc/goto?guid=4958342289757362127" target="_blank">演示</a></p> <p> <strong>10. jQuery Highcharts Table</strong></p> <p> 该插件可以将 HTML 表格中的数据自动转换成图表。</p> <p style="text-align:center;"><img alt="10 个基于 JavaScript 的图表插件推荐" src="https://simg.open-open.com/show/70fcf01fd43fef1a74519b794e3c91ad.jpg" width="580" height="150" /></p> <p> <a href="/misc/goto?guid=4958342290546150848" target="_blank">源码 + 演示</a></p> <p> 英文原文：<a href="/misc/goto?guid=4958342291330290470" target="_blank">10 Cool jQuery Graph and Chart Plugins</a></p> <div id="come_from"> 来自: <a id="link_source2" href="/misc/goto?guid=4958342292119775362" target="_blank">www.iteye.com</a> </div> <table class="ke-zeroborder"> <tbody></tbody> </table> <p></p> </div>