在庫管理ダッシュボードを作成する

540-10 | 在庫管理

完成イメージ

在庫推移ダッシュボード

• 在庫の推移を可視化するアプリ（アプリのカスタマイズ一覧に表示して使う）

データアプリ

在庫推移アプリ

• 在庫の出入りを管理するアプリ

1．今年度の在庫数推移を月別に可視化する

1. 複合グラフを配置する
2. データアプリに「在庫履歴」アプリを選択する
   
   
   
3. 次のようにフィールドを設定する
   ・軸：（日付の）月
   ・値：入出荷数、金額
   
   
   
4. 入出荷数、金額はそれぞれ次のようにフィールド名を変更する
   ・入出荷数：在庫数
   ・金額：在庫金額
   
   
   
5. 在庫数は月ごとの累計を確認したいので、フィールド設定で計算の種類を「累計」に変更する
   
   
   
6. 次のようにフィルタする
   ・日付　≧（以降）　2018/04/01　
   
   
   
7. グラフのタイトルを「今年度在庫の推移」に変更する
   
   
   

在庫数を折れ線・2軸に設定する

1. デザインタブの切り替え、「グラフ種類の変更」をクリックする
   
   
   
2. 在庫数を折れ線に設定し、「第2軸」にチェックする
   

デザインを整える

背景色を設定する

1. グラフの背景部分をクリックして設定画面を開く
2. 塗りつぶしの色を設定する（ここでは白）
   

グラフの色を変更する

1. デザインタブを開き、「色の変更」を選択する
2. 任意のカラーパレットを選択する
   

軸ラベルを表示する

1. デザインタブを開き、「グラフ要素を追加」をクリックする
2. ＜軸ラベル＞から「第1縦軸」「第2縦軸」を選択する
   
   
   
   設定後はこのような画面になる
   
   

2.年度別在庫数の推移を折れ線グラフで見る

1. 折れ線グラフを追加する
2. データアプリに「在庫履歴」アプリを設定する
   
   
   
3. 次のようにフィールドを設定する
   ・凡例：（日付の）年
   ・軸：（日付の）月
   ・値：入出荷数
   
   
   
4. 月ごとの累計数を見たいので、値に設定した入出荷数フィールドの列設定を開き、次のように設定する
   ・計算の種類：累計
   ・基準フィールド：月（日付）
   
   
   
5. グラフのタイトルを「在庫数の推移」に変更する
   

デザインを整える

背景色を設定する

1. グラフの背景部分をクリックして設定画面を開く
2. 塗りつぶしの色を設定する（ここでは白）
   

グラフの色を変更する

1. デザインタブを開き、「色の変更」を選択する
2. 任意のカラーパレットを選択する
   

3.折れ線グラフで入出荷の情報を可視化する

出荷数

1. 折れ線グラフを追加する
2. データアプリに「在庫履歴」アプリを設定する
   
   
   ワンポイント
   出荷数はアプリ内でフィールドとして持っていないが、入出荷数を元に算出できるため、krewDashboardの数式フィールド機能を使って計算したフィールドを作成する
   
3. デザインタブを開き、「集計フィールド」をクリックする
   
   
   
4. 「出荷数」というフィールドを追加し、数式には次のように設定する
   ABS(数値_0)
   ※数値_0は入出荷フィールドのフィールドコード
   
   
   設定後は次のようにフィールドが追加される
   
   
   
5. 折れ線グラフで次のようにフィールドを設定する
   ・凡例：（日付の）年
   ・軸：（日付の）月
   ・値：出荷数
   
   
   
6. グラフのタイトルを「出荷数の推移」に変更する
   
   
   
7. フィルタ設定で次のようにフィルタする
   ・区分　次のいずれかを含む　出荷
   
   
   

デザインを整える

背景色を設定する

1. グラフの背景部分をクリックして設定画面を開く
2. 塗りつぶしの色を設定する（ここでは白）
   
   

凡例のタイトルを非表示にする

1. グラフ内の凡例をダブルクリックして設定画面を右側に表示する
2. 「凡例のタイトル」のチェックを外す
   

入出荷数の推移

1. 折れ線グラフを追加する
2. データアプリに「在庫履歴」アプリを設定する
   
   
   
3. 次のようにフィールドを設定する
   ・凡例：（日付の）年
   ・軸：（日付の）月
   ・値：入出荷数
   
   
   
4. グラフのタイトルを「入荷数の推移」に変更する
   
   
   
5. フィルタ設定で次のようにフィルタする
   ・区分　次のいずれかを含む　入荷
   
   
   

デザインを整える

背景色を設定する

1. グラフの背景部分をクリックして設定画面を開く
2. 塗りつぶしの色を設定する（ここでは白）
   

グラフの色を変更する

1. デザインタブを開き、「色の変更」を選択する
2. 任意のカラーパレットを選択する
   

4.絞り込み用のスライサーを設定する

商品分類

1. スライサーを設定する
2. データアプリに「在庫履歴」アプリを設定する
3. 「商品分類」を絞り込みフィールドとして選択する

商品名

1. スライサーを設定する
2. データアプリに「在庫履歴」アプリを設定する
3. 「商品名」を絞り込みフィールドとして選択する

ここまでの設定でダッシュボードの作成が完了です。アプリを更新して実行画面での動作を確認してみてください。

サンプルファイルのダウンロードはこちら
https://download.krew.mescius.jp/study/krewdashboard-drill/db540-10stock.zip