Ответ 1
Обязательно включайте файлы JavaScript перед диаграммами.
<%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>
Использование Chartkick в Rails 4.0
Как я могу использовать Chartkick в rails 4.0.
в Gem Добавил:
gem "chartkick"
и, на мой взгляд, я добавил следующее:
<%= pie_chart({"Football" => 10, "Basketball" => 5}) %>
но только на странице отображается Загрузка... сгенерированный Html:
<div id="chart-1" style="height: 300px; text-align: center; color:
#999; line-height: 300px; font-size: 14px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;"> Loading... </div> <script type="text/javascript"> new Chartkick.PieChart("chart-1", {"Football":10,"Basketball":5}, {}); </script>
Ответы
Ответ 2
Чтобы получить работу диаграммы в Rails 4, я сделал следующее:
1. Добавлен драгоценный камень с диаграммой в мой Gemfile (установка пакета)
gem 'chartkick'
2. Скачан файл jsapi Google в каталог моего поставщика
/railsapp/vendor/assets/javascripts/jsapi.js
3. Добавлен chartkick и jsapi в мой application.js
//= require jsapi
//= require chartkick
После этого графики появились на постоянной основе.
Ответ 3
Загрузка ваших карт сверхбыстрого
Я использую highcharts здесь, так как он не требует, чтобы вы каждый раз подключались к серверу google
добавить этот камень
gem "chartkick"
а затем загрузить highchart.js отсюда http://www.highcharts.com/download
вставьте файл в свой приложение/поставщик/активы/JavaScript/highchart.js
откройте приложение application.js и потребуйте эти два файла
//= require highcharts.js
//= require chartkick
после этого вы хорошо пойдете, и ваши чарты будут загружаться в мигание
Ответ 4
На самом деле есть два способа решить эту проблему, см. рекомендации "Установка": http://ankane.github.io/chartkick/
Для графиков Google используйте:
<%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>
Если вы предпочитаете Highcharts, используйте:
<%= javascript_include_tag "path/to/highcharts.js", "chartkick" %>
Для тех, кто думает использовать jsapi в автономном режиме, вы не можете на самом деле, даже если вы загрузили jsapi.js, он по-прежнему делает дополнительную загрузку в google. Вы просто нарушаете условия:
Извлечь из: Часто задаваемые вопросы в Google Charts
Могу ли я использовать графики в автономном режиме?
Нет; ваш компьютер должен иметь прямой доступ к http://www.google.com/jsapiчтобы использовать диаграммы. Это связано с тем, что библиотеки визуализации что ваша страница требует загрузки динамически, прежде чем использовать их. Код для загрузки соответствующей библиотеки является частью включенного jsapi script, и вызывается при вызове метода google.load(). Наши условия обслуживания не позволяют загружать google.load или Код google.visualization для использования в автономном режиме.
Можно ли загрузить и разместить код диаграммы локально или в интрасети?
К сожалению, наши условия обслуживания не позволяют загружать и сохранять или введите код google.load или google.visualization.