多くのグラフを持つアプリケーションを構築しています。初期ロード時間を短縮するために、グラフを Ajax 経由でロードしたいと考えています。現在のダッシュボード ビューは次のようになります。
<section class="container">
<section class="row">
<div class="span6 graph-container">
<h3 class="box-header"><i class="icon-truck"></i>Service Levels</h3>
<div class="box">
<img src="/assets/loading.gif" class="loading" />
<%= content_tag :div, "", id: "shipments-by-service-type", data: {shipments: @charts[:service_analysis][:spend_data]} %>
</div>
</div>
<div class="span6 graph-container">
<h3 class="box-header"><i class="icon-circle"></i>Weight Summary</h3>
<div class="box">
<%= content_tag :div, "", id: "weight-ranges", data: {weight: @charts[:weight_analysis][:spend_data]} %>
</div>
</div>
</section>
<section class="row">
<div class="span6 graph-container">
<h3 class="box-header"><i class="icon-road"></i>Zone Summary</h3>
<div class="box">
<%= content_tag :div, "", id: "weight-groups-zones", data: {zone: @charts[:zone_analysis][:spend_data]} %>
</div>
</div>
<div class="span6 graph-container">
<h3 class="box-header"><i class="icon-time"></i>Spend Over Time</h3>
<div class="box">
<%= content_tag :div, "", id: "shipping-trends", data: {trends: @charts[:shipping_trends][:spend_data]} %>
</div>
</div>
</section>
</section>
私の現在の考えでは、charts_controller.rb
これには各チャートのすべてのロジックが含まれ、メソッドに対応するビューまたは部分があり、Ajax を介してそれらのビューのそれぞれをロードします。
class ChartsController < ApplicationController
before_filter :authenticate_user!, :company_id
def service_level
#logic for service_level graph
respond_to do |format|
format.html
format.js
end
end
end
たとえば、レール内で Ajax を使用するのは初めてで、これを行う方法がわかりません。このアプローチは理にかなっていますか?