Возникли проблемы с получением Highchart, чтобы показать
Я довольно новичок в Javascript, Rails и JQuery, и все они работают вместе.
Я прохожу этот учебник (http://www.highcharts.com/documentation/how-to-use#installation) на Highcharts и просто пытаюсь показать базовый график. Это не происходит.
В моем файле home.html.erb у меня есть:
<div id="container" style="width: 100%; height: 400px"></div>
Вapp/views/layouts/application.html.erb
У меня есть это в моемhead
тег:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="/public/highcharts.js" type="text/javascript"></script>
И это код в /public/highcharts.js:
var chart1; // globally available
$(document).ready(function() {
chart1 = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'bar'
},
title: {
text: 'Fruit Consumption'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
});
});
Когда я загружаю страницу, ничего не появляется, и я понятия не имею, почему. Я делал урок 3 или 4 раза и гуглил без ответа. Любая помощь будет принята с благодарностью.
Изменить: я изменил путь в теге скрипта с/public/highcharts.js
в/highcharts.js
, Это дало мне следующие ошибки в моем консольном отладчике:
Uncaught ReferenceError: Highcharts is not defined highcharts.js:3
(anonymous function) highcharts.js:3
f.Callbacks.n jquery.min.js:2
f.Callbacks.o.fireWith jquery.min.js:2
e.extend.ready jquery.min.js:2
c.addEventListener.B