日期:2014-05-16 浏览次数:20355 次
向大家推荐9款很棒的可在网页中绘制图表的JavaScript
脚
本,这些有趣的JS脚本可以帮助你快速方便的绘制图表(线、面、饼、条…),其中包括jQuery、MooTools、Prototype和一些其它的
JavaScript框架。
您还可以参考以下JavaScript/CSS相关教
程及资源:
《10个非常棒的
Ajax及Javascript实例资源网站
》
《精选30个优秀的CSS技术和实例
》
《300+Jquery,
CSS, MooTools 和 JS的导航菜单资源
》
Flot 是基于 jQuery框架绘制图表的纯Javascript框架。它可在客户端即时绘制并生成各种图形。重要的是它使用简便(还有很多可选的设置)、吸引人的视觉 效果和交互功能,如图表缩放和鼠标跟踪等。该javascript框架适用于我们所熟知的 Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+浏览器。 查看图表样例
JS Chart 是需要一些简 单或无需手工书写编码的基于Javascript的免费图表生成器。使用JS Chart可以很简单很容易的完成你的生成图表任务,因为你只需要使用客户端脚本(即浏览器端),无需多余的插件或服务器端模块。你只需要准备好JS Chart脚本、包含图表数据的XML或Javascript数组,你的图表就准备就绪了。
TableToChart 是基于MooTools JS框架的网页图表生成器,它通过包含在HTML table中的值来绘制图形图表。您可以使用Table标签来生成图表,条、线和饼都可以。
PlotKit 是一款绘制图表图形的 Javascript框架。它支持HTML Canvas、基于Adobe SVG Viewer的SVG和本地浏览器。
YUI图 表管理 可以在网页中以垂直条、横条、线、饼等形式可视化呈现图表。主要特色包括支持DataSource、鼠标悬停数据提示、组合图表和皮肤功 能。
ProtoChart 是 基于Prototype和Canvas可创建非常漂亮图表的开源框架。它支持线、条、饼、曲线、混杂(mix)、面图表等多种数据串联在统一图形中。它支 持IE6/7, FF2/3 和 Safari 甚至可以在 iPhone上工作.
EJSChart 支持鼠标跟 踪、鼠标事件、键盘跟踪和事件、缩放、滚动、十字线增加交互感并为网页图表的用户体验提升了一个档次。您可以选择多种图表类型:线、面、分散数据、饼和函 数级数。图表的每个细节都可以自定制。
fgCharting 是基于jQuery框架的简便图表生成器,它也支持各种图表类型并可以自定义参数。
纯CSS代码实现的图表,怎么样,难以置信吧,想知道如何实现的吗?那就来看看这篇纯 CSS制作图表的教程 吧。
英文原文:Useful
scripts to plot charts in web pages
翻译原文:推
荐9款很棒的可在网页中绘制图表的JavaScript脚本