Jquery RubyMine 3.1中的Highcharts实现
我想在RubyonRails中实现highcharts。但是rails.js在运行时存在一些问题 错误：Event.Handler.Prototype为null或不是rails.js中的对象 这是控制器：Jquery RubyMine 3.1中的Highcharts实现,jquery,highcharts,rubymine,Jquery,Highcharts,Rubymine,我想在RubyonRails中实现highcharts。但是rails.js在运行时存在一些问题 错误：Event.Handler.Prototype为null或不是rails.js中的对象 这是控制器： class LineChartController < ApplicationController def index chart_data = [{ :name => 'Expense', :data =>
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
class LineChartController“费用”，
：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]
}]
工具提示\u格式化程序=
函数（）{return”“+this.series.name+”
“+this.x+”：“+this.y+”\u00B0C”；}”
@chart=Highchart.new({
：图表=>{
：renderTo=>“容器”，
：marginRight=>130，
：marginBottom=>25，
#：defaultSeriesType=>“行”
},
：title=>{
：text=>“月平均费用”，
：x=>-20
},
：副标题=>{
：text=>“来源：示例应用程序”，
：x=>-20
},
：x_轴=>{
：类别=>['1月'、'2月'、'3月'、'4月'、'5月'、'6月'，
‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’]
},
：y_轴=>{
：title=>{
：text=>“Rs.（千分之一秒）”
},
：绘图线=>[{
：value=>0，
：宽度=>1，
：color=>'#808080'
}]
},
：工具提示=>{
：格式化程序=>工具提示\格式化程序
},
：图例=>{
：布局=>“垂直”，
：align=>“right”，
：verticalAlign=>顶部，
：x=>-10，
：y=>100，
：borderWidth=>0
},
：series=>图表数据
})
终止
终止
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>
图
$（文档）.ready（函数（）{
});