【kintone】いろいろなグラフ（集計方法が1つの場合）

グラフの設定とその結果をまとめてみました。


# アプリの準備

**フィールド**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/b32c8c48-e057-7736-acaf-551445f9892f.png)

**レコード**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/0afa4bea-13e2-e45f-0fde-a28ebc437803.png)


# 分類する項目の「大項目」を設定した場合

果物別収穫量のグラフです。日付に関係なく（全日付分を）集計しています。

## 設定例
| 設定項目 | 設定内容 |
|:-:|:-:|
|  分類する項目（大） | 果物  |   
|  集計方法 | 合計・収穫量  |   
|  ソート | 大項目・昇順  |   

## グラフ

条件を設定しない場合と、条件を設定する場合で比べてみます。
※条件には「2017年の日付」を追加
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/ba41c6f0-0c3a-b544-b9fa-c2ac40eb089d.png)


| グラフの種類 | グラフ |条件付き(2017年)|
|:-:|:-:|:-:|
| 横棒グラフ・集合  | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/8c3a4c27-0d47-0ec4-20fb-415677a4833f.png)  |![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/28f2867d-3b7d-6226-4423-73bd65d11c0e.png)|
|  縦棒グラフ・集合 |  ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/0604a11c-cdfd-085d-c10c-a352c968de2a.png) |![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/968fb3a9-7e03-2a4d-af27-1f70d6031885.png)|
| 円グラフ  | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/cd45443e-5dc1-bb90-cbc3-d5a395cc091f.png)  |![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/95fcec70-4cdf-0168-4d5a-fc0785a2cc3c.png)|
| 表  | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/62f87bb8-7b83-a726-0d63-050d0d557484.png)  |![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/6869cdfe-e3e5-4593-326e-1ed004721a9c.png)|
|  折れ線グラフ | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/00d6680f-8756-65a1-bf3b-7d02e7514a0f.png)  |![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/b9ba978b-24b0-73b7-44c9-0ed0e51911fe.png)|
|  面グラフ・積み上げなし | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/f8e3d56d-81d0-bd76-6164-c0d38376b12a.png)  |![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/d125190e-d152-a1b0-1dd7-18cbc6fbe1fb.png)|
|  曲線グラフ | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/4f9e7169-9df1-b55d-2e1e-3d4043b74ef3.png)  |![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/caa31657-10d9-f3f6-4298-2f9d65cb37fe.png)|
|  曲線面グラフ・積み上げなし | ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/67b6350c-eeb9-2fb1-8407-46ff26d0d5f2.png)  |![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/cc95d1f5-a091-8a08-317c-7192dce9f44a.png)|

# 分類する項目の「中項目」まで設定した場合

年別・果物別収穫量のグラフです。年単位の集計です。

## 設定例
| 設定項目 | 設定内容 |
|:-:|:-:|
|  分類する項目（大） | 日付・年単位  |   
|  分類する項目（中） | 果物  |   
|  集計方法 | 合計・収穫量  |   
|  ソート1 | 大項目・昇順  |   
|  ソート2 | 中項目・昇順  |   

## グラフ

このグラフも条件付き（2017年）との比較をしてみます。

| グラフの種類 | グラフ |条件付き(2017年)|
|:-:|:-:|:-:|
|横棒グラフ・集合  |![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/e452ea49-608c-09df-83ec-6d6750b4c8dd.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/00b4dc57-5a7f-fac0-0e4b-ce8c67fcd910.png)|
|横棒グラフ・積み上げ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/fffc3695-b3a6-5307-8dda-315c6e542aa7.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/584ea322-6127-0236-e6b7-b72c145df5fb.png)|
|縦棒グラフ・集合|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/14a82294-71e3-2791-afd6-4d171cb64e91.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/cbbc405d-40d3-d211-e24a-7970ccfe2118.png)|
|縦棒グラフ・積み上げ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/245b95c6-7774-7927-bd4f-97340474bc13.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/4395413a-c81b-7dd8-bd3a-8ae92c628d93.png)|
|円グラフ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/c9831e0b-2292-c3ab-ad04-e3362cb194ff.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/0963cedf-e1b5-f77f-5715-36223387126e.png)|
|表|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/23cd2955-b18f-1c64-e9a0-747b9ea06464.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/5706abec-55eb-63a8-6ae3-41f52bcfe501.png)|
|クロス集計表|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/8d6b4094-5e80-f2a6-1cbf-3a15076a7a82.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/ea01c270-c918-f5fc-cab7-fd87d1d2b589.png)|
|折れ線グラフ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/07720dc2-3d62-0320-cd45-b581ee13572a.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/04775c48-29e3-d725-0d91-a0aa829cd5f7.png)|
|面グラフ・積み上げなし|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/16247d19-e18d-7d1b-dd40-326aa659f30f.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/2b6c8218-d4f1-3508-e307-fd084346b358.png)|
|面グラフ・積み上げ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/e95ceff0-b4a3-b6d5-82e4-ab9ce33e7a10.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/972da800-46a0-a115-ed87-f4df4c327d18.png)|
|曲線グラフ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/4cdf549d-9d5b-70fa-72d4-19212672e5ba.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/516e3fab-d3f5-1fe4-197e-aabc579be356.png)|
|曲線面グラフ・積み上げなし|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/d28d6376-09b3-5f70-9b4b-08462be41c4d.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/7d3f66c6-7efb-65a0-a921-35d87e1cbb17.png)|
|曲線面グラフ・積み上げ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/9e085a54-3fdf-a6b4-5b8f-bd117c0c2b1f.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/396fe200-2552-9150-00a2-39b3494895b1.png)|

# 分類する項目の「小項目」まで設定した場合

年別・地域別・果物別収穫量のグラフです。年単位の集計です。

## 設定例
| 設定項目 | 設定内容 |
|:-:|:-:|
|  分類する項目（大） | 日付・年単位  |   
|  分類する項目（中） | 地域  | 
|  分類する項目（小） | 果物  | 
|  集計方法 | 合計・収穫量  |   
|  ソート1 | 大項目・昇順  |   
|  ソート2 | 中項目・昇順  |   
|  ソート3 | 小項目・昇順  |   

## グラフ

このグラフも条件付き（2017年）との比較をしてみます。

| グラフの種類 | グラフ |条件付き(2017年)|
|:-:|:-:|:-:|
|横棒グラフ・集合|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/0462fd0d-9768-fc00-a749-56ae8522ebc1.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/d44331b8-aabd-90e9-e5d3-3a44e177992a.png)|
|横棒グラフ・積み上げ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/b78800f6-37d8-3960-5dff-fc9ef5f0fb0f.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/e51b8db8-16a7-1dc3-df9c-e7d727b61ba1.png)|
|縦棒グラフ・集合|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/c38f325f-dccc-8fd1-50dd-cc0a3f8c66d2.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/161e796e-310d-c5df-94b0-ca77db9d71da.png)|
|縦棒グラフ・積み上げ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/912759ee-3d73-977f-c894-3cdf2548c73c.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/18cef9a4-43b0-6d86-b560-577a8c381eaf.png)|
|円グラフ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/5f5a7522-47dd-e05e-4bd8-0a5da234ee98.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/82ebc20f-d9a0-8814-06c2-d3f0bc2b8c86.png)|
|表|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/1d774686-c347-0a50-e211-c5f9fb6d22d2.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/2da514f8-3ff9-3e50-ddec-7b5a504fed1c.png)|
|クロス集計表|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/0905e484-59f7-0dc7-2947-e51bc3095643.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/24499992-fd07-c260-ad02-f611f33a621f.png)|
|折れ線グラフ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/00d5ac17-38ba-60ec-8db3-f14dc3ce8e68.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/2ef7328c-1294-0e48-2cdc-4abafacb7579.png)|
|面グラフ・積み上げなし|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/4014c0a8-3b2d-28e1-1b1b-a626200c60d5.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/bba78f2d-f45c-c659-6b97-1798e18047cf.png)|
|面グラフ・積み上げ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/3e5877f9-bab8-8310-7bf2-f68af408d726.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/0d690107-d195-2d56-0de9-7f2b99bc82c8.png)|
|曲線グラフ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/3bde30d2-a007-3c93-7226-35c79abe8b44.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/49b2ba19-2aa0-4186-e728-005bc907960a.png)|
|曲線面グラフ・積み上げなし|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/b2711f04-fcdf-02cc-ed91-339f722a4889.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/d267716d-8830-c761-f1fa-edfd79de5d6c.png)|
|曲線面グラフ・積み上げ|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/da463e67-a3fb-baa6-8d40-3c4b0157ba70.png)|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/536148/55bb9063-6e32-67b4-0318-26e6fd721b33.png)|

# まとめ
いろいろとグラフを並べてみました。
使いたくなるグラフがあったらぜひ設定を参考にされてみてくださいね。