Rails不输出Highcharts javascript图答案

【问题标题】：Rails Not outputting Highcharts javascript graphRails不输出Highcharts javascript图
【发布时间】：2014-05-06 11:20:38
【问题描述】：

我有一个 Rails 应用程序，我试图在其上输出一个 highcharts 图表。我的 javascript 代码位于 index.html.erb 文件中，示例代码如下：

<div id="quote", style="width:560px; height:600px">
<script type="text/javascript">
  $(function(){
new Highcharts.Chart(
  {
    chart: {renderTo: "quote"}
  },
title: {
  text: "Daily trades" 
},
xAxis: {
  type: "datetime"
},
yAxis: {
  title: {
    text: "Shillings"
  }
},
tooltip: {
  formatter: function(){
    return HighCharts.dateFormat("%B %e, %Y", this.x) + ': ' + "Kshs" + Highcharts.numberFormat(this.y, 2);
  }
},
series: [
<% { "Telecommunication" => StockQuote.telecomm, "Agriculture" => StockQuote.agric }.each do |name, prices|
%>
{
  name: <%= name %>
  pointInterval: <%= 1.day * 1000 %>,
  pointStart: <%= 2.weeks.ago.to_i * 1000 %>,
  data: <%= (2.weeks.ago.to_date..Date.today).map { |date| StockQuote.price_on(date).to_f}.inspect%>
},
<% end %>
]
);
});
</scipt>
</div>

但是，它没有向我显示图表应该在的报价 div 上的空白部分，而是向我显示了我的实际 javascript 代码。

我的application.html.erb文件如下：

<!DOCTYPE html>
<html>
<head>
 <title>Abacus</title>
 <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
 <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 <%= javascript_include_tag "jquery-1.11.0.min", "highcharts" %>
 <%= csrf_meta_tags %>

</head>
<body>

 <%= yield %>

</body>
</html>

我已包含 jquery-rails gem 和 jquery-ui-rails gems 并将它们捆绑在一起，并按照他们的 github 页面上的步骤了解如何要求它们。

我的 application.js 有以下内容：

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .

【问题讨论】：

请注意：在您的结束脚本标签上，您有而不是

标签： jquery ruby-on-rails ruby-on-rails-4 highcharts

【解决方案1】：

您应该将 javascript 放在这样的脚本块中：

<script>
$(function(){
new Highcharts.Chart(
  {
    chart: {renderTo: "quote"}
  }
);
});
</script>

【讨论】：

我已更改，但现在重新加载页面时没有显示任何内容。检查我的编辑以查看更改
检查我的编辑以查看我的完整代码，问题可能出在动态 erb 标签上，我正在使用 ruby 更改将要出现在图表中的数据