Railsのチャート結果は「読み込み中...」でのみ表示されますが、レンダリングされません

-2

iam初心者とiamが自分のアプリにグラフを追加しようとしましたが、グラフの代わりに「読み込み中...」と表示されます。私はchartkick、highchartsとGoogleのチャートでそれを試みたが、私のアプリの中で何かが間違った方法Railsのチャート結果は「読み込み中...」でのみ表示されますが、レンダリングされません

application.jsに配線しているように見える

//= require jsapi 
//= require highcharts 
//= require chartkick 
//= require jquery3 
//= require jquery_ujs 
//= require rails-ujs 
//= require turbolinks 
//= require_tree .

ビュー

<!DOCTYPE html> 
<html> 
    <head> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"> 
    </script> 
    </head> 
    <body> 
    <%= pie_chart({"Football" => 10, "Basketball" => 5}) %> 
    </body> 
</html>

レイアウトファイル

<!DOCTYPE html> 
<html> 
    <head> 
    <%= csrf_meta_tags %> 

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

</head> 

<body> 
    <%= yield %> 
</body> 
</html>

すべての点で非常にうれしいです。また、私はapplication.jsに必要なすべてのjsファイルがどこに行く必要があるかわかりません。 vendor/assets/javascript or app/assets/javascript？

乾杯

出典

2017-07-18 Backdraft2k

は、コンソールにエラーを参照してください、このリンクをチェックし、詳細については

//= require highcharts //= require chartkick

を追加し、ベンダー/資産/ JavaScriptのapplication.jsファイルで

下のファイルを追加しますか？ –

お返事ありがとうございます。私はちょうど私のブラウザのこの機能を実現しました。コンソールで次のエラーが表示されます。未知のReferenceError：Chartkickが定義されていません – Backdraft2k

U chartkickまたはhighchartsを使用しますか？また、chartkickを使用する場合は、app/assets/javascript –

は、次の行を追加し、

gem 'chartkick'

バンドルアプリ/資産/ JavaScriptの/ application.js内部

インストールアプリケーションのgemfileにchartkickを追加

//= require Chart.bundle 
//= require chartkick

あなたのビューは、application.jsの前に、追加します。

<%= javascript_include_tag "https://www.gstatic.com/charts/loader.js" %>

を

あなたがhighchartsを使用したい包み、highcharts.jsにこのコード（https://code.highcharts.com/highcharts.js）を保存します。 https://github.com/ankane/chartkick

出典

2017-07-18 12:26:33

ありがとうございました！ – Backdraft2k

私はあなたがそれが働いた場合私の答えを受け入れることができると思います:) –

Railsのチャート結果は「読み込み中...」でのみ表示されますが、レンダリングされません

答えて

関連する問題