質問をすることでしか得られない、回答やアドバイスがある。

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

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby on Rails 6

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

Highcharts

HighchartはHTML、SVG、VMLを使ったJavascriptの描写用ライブラリです。

Q&A

0回答

431閲覧

円グラフのラベルをname属性にしたい

5mmm5

総合スコア0

Ruby on Rails 6

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

Highcharts

HighchartはHTML、SVG、VMLを使ったJavascriptの描写用ライブラリです。

0グッド

0クリップ

投稿2021/05/01 07:53

前提・実現したいこと

家計簿を作っています。
支出カテゴリーを円グラフで表示したいと思っております。
データ保存の際セレクトボックスを使用しており、
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/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問