将数据传递给Google Chart工具

Question

我正在尝试使用Google Chart Tools绘制图表。

google.load("visualization", "1", {packages:["corechart"]}); 
    google.setOnLoadCallback(drawChart); 
    function drawChart() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('number', 'Month'); 
    data.addColumn('number', 'Money'); 
    data.addRows([ 
     [<%= @months %>, <%= @money %>] 
     ]); 

    var options = { 
     title: 'Title' 
    }; 

    var chart = new google.visualization.LineChart(document.getElementById('chart_div_2')); 
    chart.draw(data, options); 
    } 

@months和@money是数组。不幸的是，我可能无法以这种方式传递数组，因为图表不显示。什么是正确的处理这种情况？

UPDATE

好了，我用刚和setCell功能在for循环和它的作品

Answer 1

使用JSON。 respond_to块可用于此目的。返回包含数据值数组的json散列。

def months_monies 
    respond_to |format| 
    format.json {render :json => @post} 
    # The post is a Ruby hash that gets converted into json string 
    format.html #months_monies.html.erb 
    end 
end 

考虑一个例子，其中@post变量是，说{:a => {"January" => 1000}, :b => {"April" => 1222}}

这可以从JavaScript的块通过使AJAX调用使用jQuery访问以http://localhost:3000/months_monies.json

实施例：

$.get("http://localhost:3000/controller/months_monies.json",function(post){ 
    post.a.January # => 1000 
    post.b.April # => 1222 
}); 

如果@post变量是一个数组（在你的情况下最可能如果是这种情况），该方法几乎相似。说@post = [{'january' => 1000}, {'february' => 1111}]

然后，您将使用post[0].january和post[1].february获取$.get块中的值。

希望有所帮助。

Answer 2

在我的SO问题中，我展示了一个将红宝石数组传递给Google图表API的工作示例。 （我的问题与指定在Ruby中缺少/空系列值似乎并没有影响到你的问题做。）

using google chart api in rails app - how specify a null (missing) value in a series when using arrayToDataTable