当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 9款很棒的网页绘制图表JavaScript框架脚本

心得技巧
50个充满活力的色彩在网页设计中运用实例
WEBJX收集的适合设计师参考的100个设计类网站
网页设计中常遇到的10个小问题
用户体验:购物网站的购物流程简化设计
用户体验设计实例:豆瓣UI设计改进
24个对表单对象进行个性化定制的技术
视觉设计:创意布局需要非常注意易用性问题
用户体验设计研究:中文网页文本框设计
设计经验分享:设计美好的瞬间
网页设计理论:漂亮而不空洞的极简网站设计
用户体验:网站注册中的密码保护设计细节
有感GOOGLE的登陆设计让人感到崩溃
设计师需要的IDEO以人为中心的设计工具包
用户体验研究:携程酒店订房中的日期选择
网上零售平台的站内搜索的自动提示功能
B2C网站搜索结果是列表视图还是栅格视图?
网站可用性设计:让页面等待不再漫长
设计参考:巴西设计师的图标设计作品
B2C网站设计体验:购物车中的胡萝卜
电子商务网站注册表单的可用性贴士

心得技巧 中的 9款很棒的网页绘制图表JavaScript框架脚本


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 93 ::
收藏到网摘: n/a

9款很棒的网页绘制图表JavaScript框架脚本

title

1.Flot

javascript-chart-01

Flot是基于 jQuery框架绘制图表的纯Javascript框架。它可在客户端即时绘制并生成各种图形。重要的是它使用简便(还有很多可选的设置)、吸引人的视觉 效果和交互功能,如图表缩放和鼠标跟踪等。该javascript框架适用于我们所熟知的 Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+浏览器。 查看图表样例

2.JS Charts

javascript-chart-02

JS Chart是需要一些简 单或无需手工书写编码的基于Javascript的免费图表生成器。使用JS Chart可以很简单很容易的完成你的生成图表任务,因为你只需要使用客户端脚本(即浏览器端),无需多余的插件或服务器端模块。你只需要准备好JS Chart脚本、包含图表数据的XML或Javascript数组,你的图表就准备就绪了。

3. TableToChart

javascript-chart-03

TableToChart 是基于MooTools JS框架的网页图表生成器,它通过包含在HTML table中的值来绘制图形图表。您可以使用Table标签来生成图表,条、线和饼都可以。

4.PlotKit

javascript-chart-04

PlotKit是一款绘制图表图形的Javascript框架。它支持HTML Canvas、基于Adobe SVG Viewer的SVG和本地浏览器。

5. Yahoo UI Charts Control

javascript-chart-051

YUI图表管理可以在网页中以垂直条、横条、线、饼等形式可视化呈现图表。主要特色包括支持DataSource、鼠标悬停数据提示、组合图表和皮肤功能。

6. ProtoChart

javascript-chart-061

ProtoChart是基于Prototype和Canvas可创建非常漂亮图表的开源框架。它支持线、条、饼、曲线、混杂(mix)、面图表等多种数据串联在统一图形中。它支持IE6/7, FF2/3 和 Safari 甚至可以在 iPhone上工作.

7. EJSChart

javascript-chart-07

EJSChart支持鼠标跟踪、鼠标事件、键盘跟踪和事件、缩放、滚动、十字线增加交互感并为网页图表的用户体验提升了一个档次。您可以选择多种图表类型:线、面、分散数据、饼和函数级数。图表的每个细节都可以自定制。

8.fgCharting

javascript-chart-08 

fgCharting是基于jQuery框架的简便图表生成器,它也支持各种图表类型并可以自定义参数。

9. 纯Css数据图表

javascript-chart-09

纯CSS代码实现的图表,怎么样,难以置信吧,想知道如何实现的吗?那就来看看这篇纯CSS制作图表的教程吧。

英文原文:Useful scripts to plot charts in web pages