[RUBY] [Pour ceux qui créent des portefeuilles] Comment utiliser Chart kick
chartkick est une bibliothèque qui facilite la création de graphiques
environnement
Ruby 2.5.3 Ruby on Rails 5.2.4 chartkick 3.3.1
procédure
1. Installation
Gemfile
gem "chartkick"
$ bundle install
2. Lire javascript
app/javascripts/application.js
//= require chartkick
//= require Chart.bundle
Je suis prêt. Vous voudrez peut-être arrêter le serveur et recommencer avec des rails s.
option
ID, largeur, hauteur
<%= line_chart data, id: "users-chart", width: "800px", height: "500px" %>
Titre de l'axe
<%= line_chart data, xtitle: "Time", ytitle: "Population" %>
La combinaison de ces éléments donne l'impression que cela ressemble.
Préparer les ventes (résultat) et la date de vente (result_date) dans managemant,
app/controllers/managemants_controller.rb
def index
@managemants = Managemant.all
end
app/models/managemant.rb
#Données pour le coup de pied de graphique
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: "Date", ytitle: "Gains(Cercle)", width: "600px", height: "200px" %>
Vous pouvez passer à différents graphiques en changeant simplement la partie column_chart de la vue.
・ Graphique linéaire-line_chart
・ Circle graph-pie_chart
Graphique à barres-pie_chart
· Area graph-area_chart
Vous pouvez facilement créer un beau graphique, alors essayez-le.
référence
https://chartkick.com/
Recommended Posts