2016-04-10 21 views
0

Morris.jsグラフを表示するダッシュボードページがあります。手動でURLを入力するかページを更新するとグラフが正しく表示されますが、ダッシュボードを読み込むためにアプリケーションからリンクをクリックすると、グラフは表示されません。これはターボリンクの問題です。Rails 4:リンクがクリックされたときにMorris.jsグラフが表示されない

a strategy私はリンククリックでグラフを表示できると信じていましたが、私はJavascriptに慣れていないので実装方法はわかりません。

dashboard.html.erb:

... 
<div class="col-lg-12"> 
    <div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h3 class="panel-title"><i class="fa <%= icon_name %> fa-fw"></i> <%= description %> Chart</h3> 
    </div> 
    <div class="panel-body"> 
     <%= content_tag :div, "", 
      id: 'laser_sheets_chart', 
      data: {sheets_stats: result.to_json} %> 
    </div> 
    </div> 
</div> 
... 

pages.coffee:

jQuery -> 
    Morris.Line({ 
     element: 'laser_sheets_chart', 
     data: $('#laser_sheets_chart').data('sheets-stats') 
     xkey: 'date', 
     ykeys: ['cut', 'programmed'], 
     labels: ['Cut', 'Programmed'], 
     xLabels: "day" 
     pointSize: 3, 
     hideHover: 'auto', 
     resize: true, 
     smooth: true 
    }); 

答えて

0

あなたはそれがturbolinksに問題だと正しいです。あなたは、設定することで、ダッシュボードページへのリンクでこれを無効にすることができます

かのlink_toレールヘルパーを使用して、データ・ノーturbolink = '真':

のlink_to( 'ダッシュボード'、データ:{no_turbolink:true})

関連する問題