現在カルテアプリを作成しています。患者さんの体温や血圧などのデータを折れ線グラフで時系列で描画させたいのですが、うまく出来ません。初心者で分からないことだらけです。よろしくお願い致します。
rails6.0.0を使用してます。
gem "chartkick"をインストールしています。
ruby
1class ObservationsController < ApplicationController 2 before_action :set_patient, only: [:new, :create, :edit, :update] 3 before_action :set_observation, only: [:edit, :update] 4 5 def new 6 @observation = Observation.new 7 end 8 9 def create 10 @observation = Observation.new(observation_params) 11 if @observation.save # バリデーションをクリアした時 12 redirect_to patient_path(@patient) 13 else 14 render :new # バリデーションに弾かれた時 15 end 16 end 17 18 def show 19 observations = Observation.where(patient_id: params[:patient_id]).order(time: "DESC").to_a 20 @observations = observations.sort_by{|o| o.time.delete(":").to_i} 21 @graph = [['time', 600], ['time', 1000], ['time', 1400], ['time', 1800]] 22 @graph = Observation.where(patient_id: params[:patient_id]).limit(3).order(temperature: "ASC") 23 24 グラフの基準線作成用の配列 25 @temperature = [] 26 @graph.each do |rec| 27 @temperatures << rec.temperature 28 end 29 30 end 31 32 def update 33 if @observation.update(observation_params) # バリデーションをクリアした時 34 redirect_to patient_observation_path(@observation) 35 else 36 render :edit # バリデーションに弾かれた時 37 end 38 end 39 40 private 41 42 def observation_params 43 params.require(:observation).permit(:temperature, :pulse, :respiration, :high_blood_pressure, :low_blood_pressure, :spo2, :food_intake, 44 :water_intake, :excresion, :ex_amount, :atten_sound, :atten_part, :sputum, :cough, :sleep, :time, :hainyou).merge(user_id: current_user.id, patient_id: params[:patient_id], user_name: current_user.name) 45 end 46 47 def set_patient 48 @patient = Patient.find(params[:patient_id]) 49 end 50 51 def set_observation 52 @observation = Observation.find(params[:patient_id]) 53 end 54end 55
ruby
1<div class="item-show"> 2 <div class="item-box"> 3 <%= line_chart @data, width: "800px", height: "500px" %> 4 <table class="detail-table"> 5 <tbody> 6 <tr> 7 <th>観察時間</th> 8 <% @observations.map(&:time).each do |time| %> 9 <td><%= time %></td> 10 <% end %> 11 </tr> 12 <tr> 13 <th>体温</th> 14 <% @observations.map(&:temperature).each do |temperature| %> 15 <td><%= temperature %></td> 16 <% end %> 17 </tr> 18 <tr> 19 <th>脈拍数</th> 20 <% @observations.map(&:pulse).each do |pulse| %> 21 <td><%= pulse %></td> 22 <% end %> 23 </tr> 24 #以下省略
ruby
1app/javascript/packs/application.js 2// = require chartkick 3// = require Chart.bundle
上記施行するのですが、"loading,,,"が出て全くグラフが出てくれません。
javascriptを記述する場所が違うのでしょうか?
あなたの回答
tips
プレビュー