🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Slim

SlimはPHPアプリケーションを開発するための軽量なマイクロフレームワークです。

Q&A

解決済

1回答

752閲覧

javascript データから取得した値を元に違う配列を作りたい。

yua212

総合スコア3

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Slim

SlimはPHPアプリケーションを開発するための軽量なマイクロフレームワークです。

0グッド

0クリップ

投稿2021/01/25 12:39

編集2021/01/25 13:22

前提・実現したいこと

chart.jsというライブラリを使ってグラフを表示しています。
データから取得した値をgroupA groupBのdata:[]の中に入れたいです。
月ごとに分けてdata:[]の配列に入れたいです。
groupA,groupBに分けることはできるのですが、その後、月(month)ごとにどうやって分けたらいいのかがわかりません。
ご教授お願いしたいです。

users.map((user) => ( //ユーザーのtypeがgroupAなら if(user.type === "groupA") {   groupBなら } else { } )

該当のソースコード

script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js" javascript: var users = #{raw @counts.to_json} console.log(users) var ct = document.getElementById('ex_chart'); var ex_chart = new Chart(ct, { type: 'horizontalBar', data: { labels: ["Jan", "Feb", "Mar", "Apr", "May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"], datasets: [ { label: 'groupA', data: [], backgroundColor: '#ff7f50' }, { label: 'groupB', data: [], backgroundColor: '#ff6347' } ] }, options: options }) var options = { scales: { xAxes: [{ ticks: { min: 300 } }] } };
// users(データから取得した値)の中身はこのような感じになっています。 [ { type: "groupA" count: 10 id: 1 year: 2020 month: "Jan" }, { type: "groupA" count: 8 id: 2 year: 2020 month: "Feb" }, { type: "groupB" count: 8 id: 3 year: 2020 month: "Feb" }, { type: "groupB" count: 10 id: 4 year: 2020 month: "Feb" } ]

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

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

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

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

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

guest

回答1

0

ベストアンサー

groupA,groupBに分けることはできるのですが、その後、月(month)ごとにどうやって分けたらいいのかがわかりません。

if(user.type === "groupA") { … } と同じようにif(user.type.month === "Jan") { … }とか
を入れ子にして書けばできると思いますが、これ質問したかった事ですか?
まあif-else地獄になるのが目に見えてるのであまりお勧めしませんが…。

文面だけみると回答は↑なんですが、こっち↓が本当に聞きたい部分じゃないかと思うのですがどうです?

データから取得した値をgroupA groupBのdata:[]の中に入れたいです。

月ごとに分けてdata:[]の配列に入れたいです。

もしその場合は、質問文の修正をお願いします。
~配列に入れたいです。】では要件が曖昧なので、質問の本意をプロファイリングしながらの回答になるので大変です。
(そんなのは対顧客だけで十分ですw)

想定通りにいった時のdata配列の中身を提示してください。

投稿2021/01/25 16:21

編集2021/01/25 16:22
退会済みユーザー

退会済みユーザー

総合スコア0

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問