[RUBY] Zeichnen Sie Diagramme mit Sinatra und Chartkick

Einführung

Ich habe die * Familien-Aufgabenliste*, die beim letzten Mal erstellt wurde, verbessert und versucht, ein Diagramm zu zeichnen.

Abschlussbildschirm

Aufbau

main.rb

require 'sinatra'
require 'sinatra/reloader'
require 'date'
require 'active_record'
require 'rack/csrf'
require 'chartkick'　　#hinzufügen

bash.sh

$ ls public/
chartkick.js  main.js  style.css

Setzen Sie chartkick.js in die Öffentlichkeit

Quelle

main.rb

get '/' do
  con = ActiveRecord::Base.connection
  dat = con.execute("select users.name, scores.score, scores.point from users inner join scores on users.id = scores.user_id where scores.flag=0 order by users.name, scores.point")
  h = {name: '', data: {}}
  @graph_data = []
  tname = ''
  dat.each do |x|
    if x["name"] == tname
      h[:data][x["point"]] = x["score"]
    else
      tname = x["name"]
      if h[:name] != ''
        @graph_data << h.dup
      end
      h[:name] = x["name"]
      h[:data] = {}
      h[:data][x["point"]] = x["score"]
    end
  end
  @graph_data << h.dup
  erb :index
end

Ursprünglich sollten Sie "ActiveRecord" gut verwenden, aber Sie können die Daten erhalten, indem Sie "SQL" direkt eingeben.

index.erb

<%= line_chart @graph_data, min: 40, max: 100 %>

Es ist "Edelstein" zu verdanken, dass es wunderschön gezeichnet ist.

Zusammenfassung

• Vielen Dank an den Schöpfer von Chartkick
• Zeichnen Sie eine Grafik mit Sinatra

Referenzierte Site Create beautiful JavaScript charts with one line of Ruby

• Implementieren eines Diagramms mit Chartkick in Rails (einfach, aber außerhalb der Reichweite von juckenden Stellen) --Qiita *
• Wenn Sie einfache Diagramme in Rails verarbeiten möchten, verwenden Sie Chartkick anstelle von Chart-Js-Rails - Qiita *