2007年12月6日星期四

Chart API


前段时间找到了一个JavaScript的Chart绘图表的代码库,叫做PlotKit
PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.

PlotKit is fully documented and there is a quick tutorial to get you started.

PlotKit is a complete rewrite of CanvasGraph. It is better structured and supported.


这里也有一个画图表的JavaScript Diagram Builder
http://www.lutanho.net/diagram/
The JavaScript Diagram Builder v. 3.3 is a library of some objects and functions, which can help you to display a coordinate diagram (resp. a chart or graph) in your webpage in an easy way. The file 'diagram.js' contains all the necessary objects and functions. This file must be included in the header of your webpage:



今天发现原来google也提供了Chart API http://code.google.com/apis/chart/

而且已经有了中文版的文档,http://labs.cloudream.name/google/chart/api.html
还有图形化生成图片URL代码的网站
http://charts.hohli.com/

还有一个也是在code.google中的JavaScript的Plot库,http://code.google.com/p/flot/
Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.

The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming.

Although Flot is easy to use, it is also advanced enough to be suitable for Web 2.0 data mining/business intelligence purposes which is its original application.

The plugin is targeting all newer browsers. If you find a problem, please report it. Drawing is done with the tag introduced by Safari and now available on all major browsers, except Internet Explorer where the excanvas Javascript emulation helper is used.

这个库的例子包括官方的例子
http://people.iola.dk/olau/flot/examples/
使用Flot的网站:http://aegis.ucolick.org/products/MTR/explore.html

今天又查了一下YUI,Yahoo提供的免费的一个库,里面也有不错的Chart Control,生成的是swf的图片,有较好的互动效果,如鼠标指的位置显示相应的数据说明。
这里是一个数据说明,当然,缺点是需要用户安装了swf才能看到你的图片结果。
http://developer.yahoo.com/yui/examples/charts/charts-quickstart.html

没有评论: