ビューにchart.jsを使って、ユーザーが入力した情報のグラフを表示させたいのですが表示されません。データベースに情報は保存されているのですが、binding.pryで確かめてみたところ、情報が取り出せていないようです。
###show.html.erb
<div class="chart"> <h1>日々の経過</h1> <div class="chart-main"> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script> <canvas id="line-chart" width="400" height="400"></canvas> <script> <!-- var context = document.getElementById('line-chart').getContext('2d'); var line_chart = new Chart(context, { type:'line', // グラフのタイプを指定 data:{ labels:<%= @date %>, // グラフ下部のラベル datasets:[ {label:'体重の推移', data:<%= @data %>, // グラフ化するデータの数値 fill:false, borderColor:'rgb(54, 162, 235)'} ] }, options:{ scales:{ yAxes:[{ ticks:{ min:30, max: 100 } }] }, elements:{ line:{ tension: 0 } } } }); //--> </script> </div> <a href="/diet">体重を入力する</a> </div>
###diet_controller.rb
class DietController < ApplicationController def index end def show @date = params[:date] @data = params[:data] end def create Diet.create( date: params[:date], data: params[:data], percentage: params[:percentage]) end end
なぜDBに格納されている情報が取り出せないのでしょうか?
どこが間違っているのかご教授お願いします!
もしよろしければ解決方法も教えてください!
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/15 08:57
退会済みユーザー
2019/04/16 01:24 編集