我有一个Ruby On Rails(Ruby 1.9; Rails 3.2.13)应用程序。我正在尝试使用 Highcharts 创建图表。但是我在浏览器上遇到错误,因为Product#index
sample/app/assets/javascripts/highcharts.js 中的 Sprockets::EncodingError 具有无效的 UTF-8 字节序列。代码文件如下。我在assets/javascript文件夹中添加了文件 rails.js、highcharts.js 和 jquery 1.4.2.min.js。
应用程序.html.erb
<!DOCTYPE html>
<html>
<head>
<title>Sample</title>
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "jquery-1.4.2.min", "rails", "highcharts" %>
<%= csrf_meta_tags %>
</head>
<body>
<%= yield %>
</body>
</html>
index.html.erb文件如下。
<script type ="text/javascript" charset="UTF-8">
</script>
$(function() {
new Highcharts.Chart({
chart:{
renderTo:"products_chart"
type: 'column'
}
title: {
text: 'Number of Patents Granted',
},
credits: {
position: {
align: 'left',
x: 20
},
href: 'http://www.uspto.gov',
text: 'Source: U.S. Patent & Trademark Office'
},
xAxis: {
categories: [
'2001', '2002', '2003', '2004', '2005',
'2006', '2007', '2008', '2009', '2010',
'2011' ]
},
yAxis: {
title: {
text: 'No. of Patents'
}
},
plotOptions: {
},
series: [{
name: 'UK',
data: [ 4351, 4190, 4028, 3895, 3553,4323, 4029, 3834, 4009, 5038, 4924 ]
}]
});
});
任何人都可以帮助解决此错误吗?
谢谢