Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/66.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Rails 4:Morris.js图表不';单击链接时不显示_Javascript_Ruby On Rails_Turbolinks_Morris.js - Fatal编程技术网

Javascript Rails 4:Morris.js图表不';单击链接时不显示

Javascript Rails 4:Morris.js图表不';单击链接时不显示,javascript,ruby-on-rails,turbolinks,morris.js,Javascript,Ruby On Rails,Turbolinks,Morris.js,我有一个显示Morris.js图表的仪表板页面。如果手动键入URL或刷新页面,图表将正确显示,但如果单击应用程序中的链接以加载仪表板,图表将不会显示。这似乎是TurboLink的一个问题 我发现我相信这会允许图表显示在链接点击上,但我不知道如何实现它,因为我不太熟悉Javascript dashboard.html.erb: ... <div class="col-lg-12"> <div class="panel panel-default"> <di

我有一个显示Morris.js图表的仪表板页面。如果手动键入URL或刷新页面,图表将正确显示,但如果单击应用程序中的链接以加载仪表板,图表将不会显示。这似乎是TurboLink的一个问题

我发现我相信这会允许图表显示在链接点击上,但我不知道如何实现它,因为我不太熟悉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>
...
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
    });

你是对的,这是涡轮链接的问题。您可以通过设置以下内容在仪表板页面的链接上禁用此功能:

数据无turbolink='true'

或使用“链接到rails”帮助器:

链接到('Dashboard',数据:{no\u turbolink:true})