3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【kintone】人毎、時系列の棒グラフを描く

Last updated at Posted at 2021-01-29

こんにちは!

今回は前回作成したアプリの、「分類する項目」の大項目、中項目、小項目を設定して、人ごとの時系列の棒グラフ作り実況?をしたいと思います。

前回:【kintone】表とグラフの「集計方法」の設定

分類する項目

前回までは「分類する項目」には「大項目」しか設定していませんでした。

大項目の下のプラスボタンで、中項目、小項目まで追加することができます。

image.png

## 中項目を設定する
今回のテーマは**「人毎(ごと)」の「時系列」の棒グラフを作りたい**です。

まずは表で考えます。もともとの表の設定と表プレビューは以下のとおり。
これを時系列の棒グラフに書き換えるのが最終目標です。

image.png

これに時系列要素を追加するには

さらに日付で分類する

とすればよさそうです。
そこで、中項目に「日付」を追加してみました。
すると、表プレビューはこんなことになってしまいました。

image.png

順番がメチャクチャなので人ごとにも、時系列にも見づらい表になってしまいました。

整理された表からグラフをイメージする

グラフをイメージするためには、表のデータが順番に並んでいると嬉しいです。
image.png

まず人毎に分かれて並び、人それぞれに時系列があるというような表です。

次にゴールの姿を思い浮かべましょう・・・。
「人毎(ごと)」の「時系列」のグラフとして、こんな感じのグラフをイメージします。
人毎、年ごとに分類されて時系列並ぶ棒グラフです。(Excelで描きました)
image.png

グラフのこの部分が大項目中項目を表しています。
image.png

ここにもし小項目を追加すると、
ココに入ることになります。(小項目として四半期を追加してみました)
image.png

順番に並べる=ソート

もう一度、順番がメチャクチャな表の状態にもどして順番に並べる(ソート)設定をしてみましょう。

image.png

年単位の時系列で分類したいので
中項目には日付の「年単位」を選択します。

image.png

日付がすべて1月1日になりましたが、まだデータの順番はバラバラです。

image.png

ソートの設定を以下のようにします。
image.png

  • 大項目(名前)の昇順(小さい順)
  • 中項目(日付)の昇順(小さい順)

という設定をしてからプレビューの表を見ると
名前、日付でスッキリな表になりました。
image.png

縦棒グラフの設定

ではここでグラフの種類を変更してみます。
縦棒グラフを選びましょう。

image.png

すると、グラフも大項目、中項目で分かれ、順番通りに棒グラフが表示されます。
image.png

Excelで作成したグラフと比較するとこんな感じ。似てますね!

Excel kintone
image.png image.png

小項目を追加する

小項目として「日付」の「四半期」を追加してみます。
image.png

Excel
image.png
kintone
image.png

なかなかゴチャっとしてしまいますね💦
上手な作り方があったら教えてほしいですが、こんな感じで大、中、小項目まで使用してグラフを作成することができます。

中項目までの設定が見やすいのかもしれません。

(おまけ)集計方法を増やすと・・・

また、「集計方法」を2つ以上にすると・・・

凡例には「分類する項目」の最小の項目が色分けされて表示されていましたが、
集計方法を2つ以上にすると、集計方法が凡例になります。

また、集計方法の、数値が大きい方(この場合は合計)を基準にした目盛りになるため、レコード数が見えなくなってしまっています。

image.png

完成したグラフ

今回の目標は、「人毎(ごと)」の「時系列」の棒グラフを作りたいでした。
完成グラフは、大項目、中項目を設定したこちらの棒グラフということにしたいと思います。

image.png

まとめ

今回は人毎の時系列が分かりやすい棒グラフを作りました。

  • 時系列の要素を追加するために「日付」を分類する項目に追加
  • データの並びを時系列にするためには、日付でソートする
  • グラフの凡例は、分類する項目の最小項目になる
  • 集計方法を2つ以上にするとグラフの凡例は集計方法になる

グラフの設定はこう↓でした

設定項目 設定値
グラフの種類 縦棒グラフ
分類する項目 大 名前
分類する項目 中 日付(年)
集計方法 合計(使ったお金)
ソート 1 大項目 昇順
ソート 2 中項目 昇順

是非練習してみてくださいね👀!

次回は折れ線グラフ

時系列なら折れ線グラフのほうが分かりやすいのでは?
と思うかもしれません。

ここでそのまま折れ線グラフにしてしまうと
image.png

↓こんなグラフになってしまいます。

image.png

ほしいグラフはどちらかと言うと、人毎に時系列が分かりやすい、こちらのグラフです。

image.png

人毎に、日付の年毎に仲間分けをしたのにどうして・・・涙

というわけで、次回は、仲間分け方法を工夫しながら、折れ線グラフ作ってみたいと思います!

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?