现在的位置: 首页 > 综合 > 正文

JavaScrpit Chart

2014年02月12日 ⁄ 综合 ⁄ 共 2146字 ⁄ 字号 评论关闭

1. RGraph

http://www.rgraph.net/ 

Note: It is free for non-commercial website. And it is cheap for commercial developer and have priority support.

 

RGraph:是基于HTML5canvas标签,采用Javascript画图的库。

优点:由于是采用js在客户端浏览器上画图,所以它能快速显示页面和减轻服务器负载。

缺点:浏览器必须支持HTML5,不能够保存图表。

 

本文介绍一款名叫Rgraph的插件,使用RGraph统计图制作插件的话,可以将这个资源占用减少到接近零的程度,因为所有创建统计图的工作都是在客户端完成的,就像渲染HTML网页一样,服务器端只负责发送数据,不再负责统计图的生成与发送了,同时带宽的占用情况也大大得到了改善。
另外,由于统计图是依靠JavaScript来生成的,所以当你查看这个显示统计图的HTML网页的时候,该网页是可以为离线状态的了。

 

2. FusionChart

Web site: http://www.fusioncharts.com/

Download source codes: http://liberofusioncharts.codeplex.com/releases/view/58253  

Note: Fusion chart is most powerful chart. But it is expensive. This source codes can only use flash to show chart.

 

How different  is JavaScript charts from Flash charts?

FusionCharts XT  in its JavaScript flavor essentially tries to provide a uniform visualization  experience on desktop and mobile platforms by rendering FusionCharts using  advanced HTML5 capabilities
of devices that does not support Flash. However,  due to the inherent difference between the technologies and differences in  various browsers causes minor disparity between the Flash and JavaScript  variants of the charts. (IOS can't support flash)

 

3. Open Flash Chart

http://teethgrinder.co.uk/open-flash-chart-2/ 

Note: It is free. Use flash to show chart. It isn't updated. The latest version is 2009.

 

4. Flot - Attractive JavaScript plotting for jQuery

http://www.flotcharts.org/

Note: It is free and no license. It has too much line chart and less column chart.

 

5.  gRaphaël—JavaScript Library

http://g.raphaeljs.com/

gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics
library. gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
 

Note: It is free and only has basic charts.

 

6. jqBarGraph

http://www.workshop.rs/jqbargraph/

jqBarGraph is jQuery plugin that gives you freedom to easily display your data as graphs. There are three types of graphs: simple, multi and stacked. 

Note: It only has column chart.

 

Chart Elements

Charts show data and additional elements like legends, axes, series, and so on. The following picture shows many of the chart elements that you can customize when you use theChart helper. This article shows you how
to set some (not all) of these elements.

Description: Picture showing the chart elements

 

More:

27个强大的Javascript图表制作库  

 http://blog.csdn.net/ajaxchen_615/article/details/7732435

 

抱歉!评论已关闭.