Question

我有谷歌饼图代码

 <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变量我有两个字段

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

它提供两个值，但我需要按此顺序编写，以便我的代码像

一样工作

['data.name, data.value]

如何更改google api formate中的ruby代码？我做了但我不能。

Answer 1

试试这个：

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

编辑：javascript代码可能是这样的：

var data = google.visualization.arrayToDataTable(<%= @dates.map { |d| [d.name, d.value] }.inspect %>)

导轨中的弦柄很难

1 个答案: