質問するログイン新規登録

Q&A

0回答

744閲覧

データを折れ線グラフで描画させたい。rails

Misa0

総合スコア2

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

0クリップ

投稿2020/09/10 10:43

0

0

現在カルテアプリを作成しています。患者さんの体温や血圧などのデータを折れ線グラフで時系列で描画させたいのですが、うまく出来ません。初心者で分からないことだらけです。よろしくお願い致します。
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を記述する場所が違うのでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.29%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問