前提・実現したいこと
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" } ]
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。