Jquery Rails不输出Highcharts javascript图形
我有一个rails应用程序，试图在上面输出highcharts图表。我的javascript代码位于index.html.erb文件中，示例代码如下：Jquery Rails不输出Highcharts javascript图形,jquery,ruby-on-rails,ruby-on-rails-4,highcharts,Jquery,Ruby On Rails,Ruby On Rails 4,Highcharts,我有一个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"} },
<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>
<!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>
您应该将javascript放在脚本块中，如下所示：
<script>
$(function(){
new Highcharts.Chart(
{
chart: {renderTo: "quote"}
}
);
});
</script>
$（函数（）{
新海图，海图(
{
图表：{renderTo:“quote”}
}
);
});
<script>
$(function(){
new Highcharts.Chart(
{
chart: {renderTo: "quote"}
}
);
});
</script>