0

多くのグラフを持つアプリケーションを構築しています。初期ロード時間を短縮するために、グラフを 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 を使用するのは初めてで、これを行う方法がわかりません。このアプローチは理にかなっていますか?

4

1 に答える 1