Использование 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>

Ответ 1

Обязательно включайте файлы JavaScript перед диаграммами.

<%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>

Ответ 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.