使用 ruby on rails 中数据库中的值在 Highcharts 中进行多次钻取答案

【问题标题】：multiple Drilldown in Highcharts using values from database in ruby on rails使用 ruby on rails 中数据库中的值在 Highcharts 中进行多次钻取
【发布时间】：2014-07-28 14:31:19
【问题描述】：

我的数据库中有以下表格

table1 动物-->

列 [名称，计数]
[cat,4] 
[dog,2]
[cow,1]
table2 车--->

列 [名称，计数]
 [toyota,4]
 [opel,2]
table3 丰田-->
columns [name,count]

[liva,2]
[etios,2]

我想从数据库中获取数据并使用高图表动态创建多个深入图表。例如：汽车-->丰田-->etios .....等以下带有静态数据的代码可以正常工作。如何使用 Ruby 传递动态值？

series: [{
            name: 'Things',
            colorByPoint: true,
            data: [{
                name: 'Animals',
                y: 3,
                drilldown: 'animals'
            },  {
                name: 'Cars',
                y: 2,
                drilldown: 'cars'
            }]
        }],
        drilldown: {
            series: [{
                id: 'animals',
                data: [
                    ['Cats', 4],
                    ['Dogs', 2],
                    ['Cows', 1]

                ]
            },  {
                id: 'cars',
                data: [
                    {
                name: 'Toyota',
                y: 4,
                drilldown: 'Toyota'
            },
                ]
            }, {
                id: 'Toyota',
                data: [
                    ['Etios', 2],
                    ['Liva', 2]
                ]
            }]
        }

【问题讨论】：

标签： javascript ruby-on-rails postgresql highcharts

【解决方案1】：

你必须为此做很多事情

1) 首先使用 group_by 方法，如

group =@animals.group_by(&:name)

hash = group.values

之后

2)  value = hash.collect(&:first)  
3) then use value.map for getting   
4) Use Hash.new {|h,k| [k, variable.count(k)] }

之后，您只需更改或添加更多步骤，例如 count 、 uniq 或 collect 最后我的 highcharts 脚本是，这是我的代码，你可以根据需要自定义...

series: [{
type: 'pie',
name: 'Country Visits',
data: [
<% for index in 0 ... @country_name.size%>
<% if index == 0 %>
 ['<%= @country_name[index ] %>', <%= @country_name_visits[index]%>]
 <% else %>
 ,['<%= @country_name[index ] %>', <%= @country_name_visits[index]%>]
<% end %> 
<% end %>
]
}]

【讨论】：

我认为你确实需要 wat。我需要多次向下钻取。如果我们点击“汽车”，它将向下钻取并显示不同的汽车供应商名称及其数量（例如：[toyota, 4] [opel,2])。再次，如果我们点击任何汽车供应商，假设“toyota”，它必须进一步向下钻取并给出不同的丰田汽车名称和数量。（例如：['Etios'，2]，[ '丽娃'，2]）
我认为为此，您必须使用 dropdown ，这样如果您在 highcharts 脚本中单击“汽车”，您的实例变量将更改为汽车值变量。，我认为不仅有highcharts，您还必须使用ajax进行多个下拉菜单。

【解决方案2】：

 series: [{
        name: 'Things',
        colorByPoint: true,
        data: [<%@comp.each do |com|%>
                  { name:'<%=com.name%>',
                    y: <%=com.count%>,
                    drilldown: '<%= com.name%>'
                  },
                      <%end%>
                      ]
    }],
    drilldown: {
        series: [ <%@car.each do |qq|%>
                  {
                  id: '<%=qq.name%>',

                  data: [
                  <%@cars.each do |q|%>
                     <% if q.name == qq.name  %>
                     {
                        name:'<%=q.carvendor%>',
                      y: <%=q.count%>,
                      drilldown: '<%= q.carvendor%>'         
                    },
                    <%end%>
                     <%end%> 
                       ]
                  },
                  <%end%>

                ]
                 }

【讨论】：