前提・実現したいこと
家計簿を作っています。
支出カテゴリーを円グラフで表示したいと思っております。
データ保存の際セレクトボックスを使用しており、
DBにはcategory_idカラムに数字が保存されています。
categoryのname属性をラベルにしたいのですが、
現状、円グラフのラベルがカテゴリーid(数字)になってしまいます。
初心者で、この件が解決しないまま何日も経ってしまっております。
アドバイスいただけますと大変助かります、宜しくお願いいたします。
発生している問題・エラーメッセージ
円グラフのラベルをidではなくname属性にしたい
該当のソースコード
ruby
1class ChartsController < ApplicationController 2 def index 3 @detail = Detail.new 4 @details = Detail.all 5 @sum_of_expenses = Detail.where(incomes_or_expenses_id: 3).sum(:price) 6 @price = Detail.where(incomes_or_expenses_id: 3).group(:category_id).sum(:price) 7 end 8 9 def show 10 @detail = Detail.find(params[:id]) 11 end 12 13 def update 14 @detail = Detail.find(params[:id]) 15 end 16 17 def destroy 18 @detail = Detail.find(params[:id]) 19 end 20 21 private 22 def detail_params 23 params.require(:detail).permit(:item_name, :memo, :incomes_or_expenses_id, :category_id, :day, :price, :payment_methods_id, :number_of_time_id).merge(user_id: current_user.id) 24 end 25 26end 27 28◎index.html.erb 29 30<main class="main"> 31 <div class="inner"> 32 <div style="text-align:center;"> 33 <div class="card__wrapper"> 34 <h1>IncomesAndExpenses</h1> 35 <%= pie_chart @price, library: {title: {text: "支出<br> ¥#{@sum_of_expenses.to_s(:delimited)}"}} %> 36 </div> 37 </div> 38</main> 39 40
試したこと
labels:という項目に、表示したい項目名を書いてみましたが
特に何も反映しませんでした。
chart: { backgroundColor: 'none', plotBorderWidth: 0, plotShadow: false }, plotOptions: { pie: { dataLabels: { labels: ["__","食費","日用品","美容・衣料品","教養","交際費","医療品","交通費","通信費","水道・光熱費","家関係","税金","趣味","大きな出費","その他"], enabled: true,
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
あなたの回答
tips
プレビュー