« 让你的windows XP可以自动登陆确保在你的javascript代码中创建了一个新的实例 »

利用google的Chart Api为你的网页绘制图形

最近发现了google的一个图形api,利用它,你可以在你的站点动态的创建各种有用的图形,如直方图、曲线图、饼图、逻辑图、区域图等。现在google在他的财务报表、视频等一些业务上已经有所使用。我们只需创建一个url就可以在我们的站点显示各种丰富多彩的图形来。下面是一些例子:

一、线形图:

 

对应的URL:
http://chart.apis.google.com/chart?cht=lxy&chs=200x125&chd=t:0,30,60,70,90,95,100|20,30,40,50,60,70,80|10,30,40,45,52|100,90,40,20,10|-1|5,33,50,55,7&chco=3072F3,ff0000,00aaaa&chls=2,4,1&chm=s,FF0000,0,-1,5|s,0000ff,1,-1,5|s,00aa00,2,-1,5

二、直方图:

 

对应的URL:
http://chart.apis.google.com/chart?cht=bvg&chs=200×125&chd=s:hello,world&chco=cc0000,00aa00

三、饼图:

 

对应的URL:
http://chart.apis.google.com/chart?cht=p3&chd=s:Uf9a&chs=200×100&chl=Rails|PHP|Java|.NET

四、Venn 图

 

对应的URL:
http://chart.apis.google.com/chart?cht=v&chs=200×100&chd=t:100,80,60,30,30,30,10

关于详细的使用方法和其他一些种类的图可以到google的官方站点查看:

http://code.google.com/apis/chart/

 

原创文章如转载,请注明:转载自悠悠博客 [ http://www.ajaxstu.com/ ]

相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。