2

私はRailsが初めてです。ドキュメントとこの例に従いました: Rails 4.0 で Chartkick を使用して いますが、Chartkick を機能させることができません。未定義のメソッド円グラ​​フが表示されます。私のjsは次のようになります：

//= require chartkick
//= require jsapi
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require_tree .

アプリケーションのケイアウトと表示ページの両方に javascript_include を含めてみました。<%= javascript_include_tag "//www.google.com/jsapi", "チャートキック" %>

何か案は？皆さんありがとう。ここで得たすべての助けに本当に感謝しています。

これは、@ChrisC が提案したものと非常によく似ています。絶対配置要素ではなく、相対配置要素を使用しています。多分あなたのために働くことができます

<div class="container">
  <div class="my-child"></div>
</div>

そして、あなたのcssは次のようになります：

.container{
    background-color: red;
    position: relative;
    border: 1px solid black;
    width: 100%;
}

.my-child{
    position: relative;
    top: 0;
    left: 100%;
    height: 100px;
    width: 100px;
    margin-left: -100px;
    background-color: blue;
}

https://jsfiddle.net/royriojas/dndjwa6t/

4

3 に答える 3

0

Chartkick はエンジンとして実行されるため、 // include chartkick をアプリケーションの js ファイルに追加する必要はありませんでした。つまり、Chartkick を Rails 4 で動作させるための手順は次のとおりです。

  • gem 'chartkick'Gemfileに追加する
  • <%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>app/views/layouts/application.html.erbに追加
于 2013-10-12T15:05:54.607 に答える
0

書きます

#= active_admin/base が必要

チャートキックが必要

active_admin.js.coffee で

app/views/items フォルダーの部分的なファイル .._items.html.ebr で、このように Google から直接 jsapi を呼び出します。

javascript_include_tag "//www.google.com/jsapi", "チャートキック"

円グラフの順序、ライブラリ: {pieSliceText: 'value'}

そして、この部分ファイルを次のように呼び出します

div クラス: 'custom-class' do

        h3 'Items'
        @item = Item.group(:menu_id).count #whatever data you pass to chart
        render partial: 'items/items', locals: {item: @item}
      end
于 2016-05-11T07:10:52.973 に答える