[RUBY] [Für diejenigen, die Portfolios erstellen] Verwendung von Chart Kick
chartkick ist eine Bibliothek, mit der sich Diagramme sehr einfach erstellen lassen
Umgebung
Ruby 2.5.3 Ruby on Rails 5.2.4 chartkick 3.3.1
Verfahren
1. Installation
Gemfile
gem "chartkick"
$ bundle install
2. Lesen Sie Javascript
app/javascripts/application.js
//= require chartkick
//= require Chart.bundle
Ich bin bereit. Möglicherweise möchten Sie den Server herunterfahren und mit Rails s neu beginnen.
Möglichkeit
ID, Breite, Höhe
<%= line_chart data, id: "users-chart", width: "800px", height: "500px" %>
Achsentitel
<%= line_chart data, xtitle: "Time", ytitle: "Population" %>
Wenn man diese kombiniert, sieht es so aus.
Bereiten Sie den Verkauf (Ergebnis) und das Verkaufsdatum (Ergebnisdatum) im Management vor.
app/controllers/managemants_controller.rb
def index
@managemants = Managemant.all
end
app/models/managemant.rb
#Daten für Chartkick
def self.chart_date
order(result_date: :asc).pluck('result_date', 'result').to_h
end
app/views/managemants/index.html.erb
<%= column_chart @managemants.chart_date, xtitle: "Datum", ytitle: "Der Umsatz(Kreis)", width: "600px", height: "200px" %>
Sie können zu verschiedenen Diagrammen wechseln, indem Sie einfach den Teil column_chart der Ansicht ändern.
・ Liniendiagramm-Liniendiagramm
・ Kreisen Sie graph-pie_chart ein
Balkendiagramm-pie_chart
· Area graph-area_chart
Sie können ganz einfach ein schönes Diagramm erstellen. Probieren Sie es also aus.
Referenz
https://chartkick.com/
Recommended Posts