我一直在努力解决这个问题,搜索过等等,现在我已经准备好寻求帮助了。
我有一个控制器'DashboardController',我有一个单一的视图'dashboard.html.erb'。
dashboard.html.erb 页面包含三个组件;一些使用模型数据创建图表的 javascript,用于保存图表的 div,以及用于选择图表选项的表单。
这一切都有效。当我提交表单时,我可以让表单正确地将参数放入查询字符串中,但是包含图表目标的 div 在提交时不会更新。
基本上希望有一个表格驱动的图表,不能让它发生。令人沮丧。
我是 Rails 的新手,我对控制器、路由和操作的了解仍在不断发展。
在我的代码中遇到了 Rails 的 form_tag 方面的问题,我在这里切换到了一个简单的表单。依然没有。
任何帮助,将不胜感激。
<script type="text/javascript">
$(function() {
new Highcharts.Chart({
chart: {
renderTo: "orders_chart",
type: "column"
},
title: {
text: "Sales Billings - <%= params[:sale_year] %>"
},
xAxis: {
categories: [1,2,3,4]
},
yAxis: {
text: "Billings"
},
tooltip: {
formatter: function() {
return 'Q-' + this.x + ': ' +
"$" + Highcharts.numberFormat(this.y,2);
}
},
series: [{
name: "Business Unit A",
data: <%= Sale.where(:year => params[:id], :segment => 'IT Infrastructure').each.map { |row| row.billings.to_f }.inspect %>
},{
name: "Business Unit B",
data: <%= Sale.where(:year => params[:id], :segment => 'Collaboration').each.map { |row| row.billings.to_f }.inspect %>
},{
name: "Business Unit C",
data: <%= Sale.where(:year => params[:id], :segment => 'MSP').each.map { |row| row.billings.to_f }.inspect %>
}]
});
});
<div id="orders_chart" style="width:560px; height:380px;"></div>
<form accept-charset="UTF-8" action="/dashboard" method="">
<select id="sale[:year]" name="sale_year" data-mini="true" data-corners="false">
<option>Year</option>
<% @salesyear = Sale.select(:year).uniq
@salesyear.each do |years| %>
<option value="<%=years.year %>"><%=years.year %></option>
<% end %>
</select>
<select id="sale[:quarter]" name="sale_quarter" data-mini="true" data-corners="false">
<option>Quarter</option>
<% @salesqtr = Sale.select(:quarter).uniq
@salesqtr.each do |qtr| %>
<option value="<%=qtr.quarter %>">Q<%=qtr.quarter %></option>
<% end %>
</select>
<select id="sale[:month]" name="sale_month" data-mini="true" data-corners="false">
<option>Month</option>
<% @salesm = Sale.select(:month).uniq
@salesm.each do |month| %>
<option value="<%=month.month %>">Month - <%=month.month %></option>
<% end %>
</select>
<input name="commit" type="submit" value="Update" class="ui-btn-hidden" aria-disabled="false" data-theme="c" data-mini="true" data-icon="search" data-iconpos="right" data-corners="false">
</form>