0

私は自分のGoogle円グラフコードを持っています

 <html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ["Work",     50],
          ["Eat",      20],
          ["Commute",  20],
          ["Watch TV", 5],
          ["Sleep",    5]
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

Rubyコードで変更する必要があります。ここで @datas 変数には2つのフィールドがあります

@datas.each do |data|
data.name
data.value

それは2つの値を与えますが、コードが次のように機能するように、この順序で記述する必要があります

['data.name, data.value]

Google API形式でルビーコードを変更するにはどうすればよいですか? したけどできなかった。

4

1 に答える 1

1

これを試して：

@dates.map { |d| [d.name, d.value] }

編集:そして、JavaScriptコードは次のようになります:

var data = google.visualization.arrayToDataTable(<%= @dates.map { |d| [d.name, d.value] }.inspect %>)
于 2012-12-05T07:17:17.687 に答える