Google Chart学习文档

http://blog.sina.com.cn/s/blog_605428b90100dllw.html

Google Chart学习文档

Googlechart主要通过简单地发送一条URL来生成图表，调用者的主要工作是构建这些URL，该URL最主要有以下三个参数：图表的类型、图表的大小和图表的数据。图表的类型由“cht”参数指定。图表大小用chs指定，包括图表的长和宽，用整数来表示。图表数据用chd表示，使用google chart只需要构建一个url就可以了，例如建立一个pie状图，就可以直接GoogleChart.pie(['1997',10], ['1998',20],['1999',40],['2000',30]).to_url就可以了，
但是现在还存在两个问题：

第一：有时候参数很多，对于数据量很大的图标来说，要写很长的字符串，构建这样的URL就很不方便。

第二：构建这种图其实在很多地方有重复使用，而且只是小数参数不一样，我们就要重复写很多遍相同的语句。

但是不用担心，DEEpark jois已经封装了该api，他的gem叫做gchartrb，使用它能够很简便的画出图标，那么首先第一步就是安装改gem：gem install gchartrb；一下就是一些demo的代码：

（1）、venn图，例如小黄有50个苹果，小黑有40个苹果，小红有30个苹果，小黄和小黑的交集是20，小黑和小红的交集是10，小红和小黄的焦急是5，通过这些数据得出代表小黄、小黑和小红三个人的圆圈，面积代表苹果的个数，圆圈交集代表他们之间的交集

代码如下：

require ‘rubygems’

require ‘google_chart’

def  venn_diagram

#第一个参数是大小，第二个参数是title允许为nil

  GoogleChart::VennDiagram.new("400x400", 'Venn Diagram') do |vd|

      vd.data "小黄", 50,'ffff00'

      vd.data "小黑", 40, '000000'

      vd.data "小红", 30, 'ff0000'

      vd.intersections 20, 10, 5

      @chart = vd.to_url

    end

end
..................................