Utilizzo di Chartkick in Rails 4.0

Question

Come posso utilizzare Chartkick nei binari 4.0.

in Gem ho aggiunto:

gioiello "chartkick"

e, a mio avviso, per esempio ho aggiunto questo:

<%= pie_chart({"Football" => 10, "Basketball" => 5}) %> 

ma la pagina mostrano soltanto Loading .. codice HTML generato:

<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> 

Answer 1

Assicurarsi di includere i file JavaScript prima dei grafici.

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

Answer 2

Per ottenere chartkick lavorare in Rails 4, ho fatto la seguente:

1. Aggiunto chartkick gemma alla mia Gemfile (bundle install)

gem 'chartkick' 

2. scaricati Google jsapi file nella directory del mio fornitore

/railsapp/vendor/assets/javascripts/jsapi.js 

3. Aggiunto chartkick e JSAPI ai miei application.js

//= require jsapi 
//= require chartkick 

Dopo di che, i grafici ha mostrato su una base costante.

Answer 3

Ci sono in realtà 2 modi per risolvere questo, fare riferimento alle linee guida "installazione": http://ankane.github.io/chartkick/

Per Google Charts, uso:

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

Se preferite Highcharts, uso:

<%= javascript_include_tag "path/to/highcharts.js", "chartkick" %> 

Per coloro che stanno pensando di utilizzare jsapi offline, non puoi davvero, anche se hai scaricato jsapi.js, continua a caricare su google. Si sono appena violato i termini:

Estratto da: Google Charts FAQ

Posso usare classifiche offline?

No; il tuo computer deve avere accesso in diretta a http://www.google.com/jsapi per poter utilizzare i grafici. Questo perché le librerie di visualizzazione richieste dalla tua pagina vengono caricate dinamicamente prima di essere utilizzate. Il codice per il caricamento della libreria appropriata fa parte dello script jsapi incluso e viene chiamato quando si richiama il metodo google.load(). I nostri Termini di servizio non ti consentono di scaricare il google.load o il codice di google.visualization da utilizzare offline.

Posso scaricare e ospitare il codice grafico localmente o su una rete intranet?

Siamo spiacenti; i nostri termini di servizio non ti consentono di scaricare e salvare o ospitare il codice google.load o google.visualization.

Answer 4

Caricamento in corso i grafici superveloce

sto usando Highcharts qui in quanto non richiede di collegare ogni volta a google server di

aggiungere questo gioiello

gem "chartkick" 

poi scaricare highchart.js da qui http://www.highcharts.com/download

incollare il file nel vostro app/fornitore/attività/javascript/highchart.js

aprire gli application.js e richiedono questi due file

//= require highcharts.js 
//= require chartkick 

dopo questo si è pronti per partire e i grafici saranno caricare in un batter d'occhio