개시하다

이번에는'chartkick'을 사용하여 폭발 속도로 케이크 그림을 실었다.

Gem 가져오기

Gemfile

gem "chartkick"
gem 'chartable'

단말기

bundle install

javascript 라이브러리 불러오기

application.js

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

application.js에 상술한 것을 기재하다.

인스턴스 방법 정의

tweets_controller.rb

def index
配列の場合
  @chart = [['国語', 10], ['算数', 20],['理科',30]['社会',40]]
ハッシュの場合
  @chart = {"国語" => 10, "算数" => 20, "理科"　=> 30, "社会" => 40}
end

배열과 산열 모두 가능합니다!!

뷰 페이지

tweets/index.html.haml

= pie_chart @chart

이 줄만 추가하면 됩니다!!

이런 느낌이에요.

시험을 준비하다

컨트롤러의 변수를 바꾸면 어떤 도표도 만들 수 있다.
나는 모델에서 가치를 얻는 경우가 비교적 많기 때문에 먼저 참고해 보겠다.

def index
  @chart = Post.order('created_at ASC').group(:name)
end

이런 느낌이에요.

끝말

아주 간단합니다.
보기 페이지에 한 줄을 쓰면 실현할 수 있다
그러면