RubyMine 3.1中的Highcharts实现

eet 发布于 2018-11-01 • 在 highcharts • 最后更新 2018-11-01 17:41 • 62 浏览

我想要在rails上实现ruby的高级图表。但是rails.js有一些运行时问题错误：Event.Handler.Prototype为null或不是rails.js中的对象这是控制器：

class LineChartController < ApplicationController
  def index
      chart_data = [{
            :name  => 'Expense',
            :data  => [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }, {
            :name  => 'Savings',
            :data  => [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    tooltip_formatter = '
  function() {return "<b>"+ this.series.name +"</b><br/>"+this.x +":"+ this.y +"\u00B0C";}'
@chart =  Highchart.new({
  :chart => {
            :renderTo => "container",
            :marginRight =>  130,
            :marginBottom => 25,
    #:defaultSeriesType=> "line"
        },
        :title => {
            :text => "Monthly Average Expenses",
            :x => -20
        },
        :subtitle => {
            :text => 'Source: Sample Application',
            :x => -20
        },
        :x_axis => {
            :categories => ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        :y_axis => {
            :title => {
                :text => "Rs. (in 1000's)"
            },
          :plotLines => [{
                :value => 0,
                :width => 1,
                :color => '#808080'
            }]
        },
        :tooltip => {
            :formatter => tooltip_formatter
        },
        :legend => {
            :layout=> 'vertical',
            :align=> 'right',
            :verticalAlign=> 'top',
            :x=> -10,
            :y=> 100,
            :borderWidth=> 0
        },
        :series => chart_data
})
  end
end

application.html

<head>
  <title>Graphs</title>
  <%= stylesheet_link_tag :all %>
 <%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "highcharts" %>
<%= csrf_meta_tag %>
</head>
<body>
<%= yield %>
<script type="text/javascript">
            $(document).ready(function() {
<%= @chart %>
                <%= yield :javascript %>
            });
        </script>
</body>

问：我哪里错了？有什么建议么？