[DB] チャートタイル / 概要

DB チャートタイル

チャートタイル [DB]

概要

チャートタイルは、ダッシュボード下部に5枚並ぶミニチャートエリアです。直近30日間の推移4枚と資金マップの帯グラフを表示します。推移の4枚はタイルを押すと拡大ページが開き、大きなグラフと期間の切り替え（30/60/90日。FBA在庫推移は30/90/365日）が使えます。

5つのチャート

1. 仕入vs販売

項目	説明
チャート種別	棒グラフ（青=販売、橙=仕入）
切替	「日/週」ボタンで日別・週別を切替可能（選択はブラウザに記憶）
ドリルダウン	バーをクリック → その日/週のアイテム明細モーダル表示
拡大ページ	/dashboard/trend/balance（日別・週別の切り替えと、期間の販売・仕入の合計）

2. 消化日数推移

項目	説明
チャート種別	折れ線グラフ2本（紫=数量ベース、赤=仕入額ベース）
計算	各日の在庫÷その日までの7日平均販売数（仕入額ベースは、在庫の仕入額÷売れた品の仕入額の7日平均）。在庫は変化があったときに記録した履歴（inventory_histories）から日ごとに組み立てます。その7日に1個も売れていない日は線が切れます
40日ライン	薄い赤の点線。これを超えると在庫が多すぎる目安です
拡大ページ	/dashboard/trend/days（下に、いまのSKU別の消化日数の表が付きます）

3. FBA在庫推移

項目	説明
チャート種別	塗りつぶしの折れ線1本（積み上げではありません）
値	7項目の合計（販売可能+予約+販売不可+調査中+入庫中3種）
データソース	在庫が変わったときに記録した履歴（inventory_histories）から日ごとに組み立て
拡大ページ	/dashboard/trend/inventory（売上額・販売個数・仕入など最大9本の線を重ねて見られます。下に日ごとの在庫の増減の一覧）

4. 販売ペース

項目	説明
チャート種別	折れ線4本。薄い灰＝日別販売数、緑＝その7日平均、薄い黄＝日別販売額、黄＝その7日平均（金額は右の目盛り）
ドリルダウン	ポイントをクリック → その日のアイテム明細モーダル表示
拡大ページ	/dashboard/trend/pace

5. 資金マップ

項目	説明
チャート種別	横積みバー（帯グラフ）
期間	直近5期間（半月ごと、または月ごと）
表示の区切り	「半月」「月」を切り替え。資金マップ [FM]・売上照合 [CE]と同じ設定です
区分	未処理・納品中・販売中・処理済みを横積み表示
強調	引落対象行は赤枠で強調
拡大ページ	資金マップページ

ドリルダウンモーダル

ダッシュボードの「仕入vs販売」と「販売ペース」のタイルでは、棒や点をクリックするとアイテム明細モーダルが開きます。チャートの数字が正しいかをアイテム単位で検証できます。（拡大ページのグラフでは開きません）

項目	説明
表示内容	SKU・ASIN・商品名・数量・金額のテーブル
合計行	表の末尾に合計を表示
上限	最大200件表示

拡大チャートページ

推移の4枚のタイル（仕入vs販売・消化日数推移・FBA在庫推移・販売ペース）は、タイルを押すと専用の拡大チャートページへ移動します。資金マップのタイルは見出しを押すと資金マップ画面へ移動します。

凡例・ツールチップ付きの大きなグラフ
期間切替: 30日 / 60日 / 90日（FBA在庫推移は 30日 / 90日 / 365日）
明細の小窓（ドリルダウン）は拡大ページにはありません（ダッシュボードのタイルだけ）

拡大ページの画面要素

拡大ページの要素は、どのチャートでも共通のIDです（チャートごとに中身が変わります）。

ラベル	ID	説明
チャート名	TC-TITLE	いま開いているチャートの名前
Dashboard	TC-BC02	ダッシュボードに戻ります
期間切替	TC-PERIOD	何日分を表示するか。押すとその期間で開き直します。30日 / 60日 / 90日（FBA在庫推移だけは 30日 / 90日 / 365日）。青いボタンがいまの期間
日次・週次切替	TC-MODE	「仕入vs販売」で日ごと・週ごとを切り替える
日次	TC-MODE-DAILY	日ごとに表示
週次	TC-MODE-WEEKLY	週ごとにまとめて表示
グラフ	TC-CHART	拡大表示のグラフ本体。点や棒にマウスを乗せると値が出ます（押しても明細は開きません）。上の凡例を押すと、その線を消したり出したりできます（FBA在庫推移は下の操作バーで切り替え）
凡例	TC-LEGEND	線や色が何を指すかの説明
数え方（販売ペース）	TC-PACE-RULE	販売ペースの拡大ページの注記。セラセンのホームと同じ数え方であること
サマリー	TC-SUMMARY	仕入vs販売＝期間の販売・仕入の合計個数、FBA在庫推移＝いちばん新しい在庫数、販売ペース＝直近の7日平均（個数・金額）
販売合計	TC-TOTAL-SALES	表示期間の販売の合計個数（金額ではありません）
仕入合計	TC-TOTAL-PURCHASES	表示期間の仕入の合計個数
SKU別在庫消化日数	TC-BREAKDOWN-TITLE	消化日数推移の拡大ページの下にある、いまのSKU別の表の見出し。消化日数の長い順（売れていないSKUが先頭）
SKU別の表	TC-BREAKDOWN-TBL	SKU・商品名・ステータス・在庫・直近7日の販売数・日販（1日あたり）・消化日数・在庫額（仕入値）。最後の行が合計。「📦 詳細」「Care」は共通部品の説明を見てください
消化日数（表の列）	TC-DOS	在庫 ÷ 日販。緑＝20日以下、黄＝40日以下、赤＝40日超。∞＝直近7日に1個も売れていない（赤）
ステータスのバッジ	TC-STATUS	その品のいまの状態。色は目安で、緑＝出品中、青＝売れた系、紫＝納品・輸送中、黄＝検品・登録・入荷、赤＝返送・停止など、灰＝終了・補填
操作バー	TC-CTRL	FBA在庫推移の拡大ページで、グラフに出す線を選ぶ行（在庫数・売上額・販売個数・在庫消化速度・在庫平均単価・仕入数・仕入額・販売単価(仕入値)・売上(仕入値)の9本）
線のチェック	TC-SERIES	チェックを入れた線（棒）をグラフに出します。最初は在庫数・売上額・在庫消化速度だけ
7d平均	TC-AVG7	その線を7日ごとの平均にならして表示します（直近から7日ずつ区切り、その7日間は同じ値）。在庫消化速度は最初からオン
日次在庫変動	TC-CHANGES-TITLE	FBA在庫推移の拡大ページの下にある、日ごとの在庫の増減の一覧
日付の行	TC-DAY	その日の増減の合計（赤＝減った、緑＝増えた）・その日の在庫数・変わったSKUの数。押すとSKUごとの前日・当日・変動が開きます

画面要素リファレンス

ラベル	ID	説明
チャートエリア	DB-CHARTS	チャートタイル5枚のまとまり
仕入vs販売	DB-CHART-BALANCE	仕入と販売の棒グラフ比較。日/週切替可能
消化日数推移	DB-CHART-DAYS	在庫消化日数の30日推移（折れ線2本）
FBA在庫推移	DB-CHART-INVENTORY	FBA在庫数の30日推移（塗りつぶしの折れ線）
販売ペース	DB-CHART-PACE	日別の個数・売上と、その7日平均。セラーセントラルのホームと同じ数え方（注文日ごと・未出荷を含む・キャンセルは除く。出荷前で金額の無い注文は出品価格で推定）。2026-09-27 に売上カードの隣へ移し、数え方をセラセンにそろえた。点を押すとその日の明細
■数量 ■仕入額	DB-CHART-DAYS-LEGEND	消化日数推移の線の色。紫＝個数で計算、赤＝仕入額で計算
資金マップ	DB-CHART-FUNDMAP	資金の所在を帯グラフで表示
表示の区切り	DB-FM-UNIT	資金マップの帯を「半月」「月」で切り替え（資金マップ・売上照合と同じ設定）
ドリルダウンモーダル	DB-DRILLDOWN	アイテム明細モーダル。最大200件表示
明細の表	DB-DRILLDOWN-TBL	SKU・ASIN・商品名・数量・金額（販売は注文の商品代金、仕入は仕入値×個数）と合計（一覧が200件で切れても合計は全件）
ASIN	DB-DRILLDOWN-ASIN	Amazonの商品ページを新しいタブで開きます
×	DB-DRILLDOWN-CLOSE	モーダルを閉じます（外側を押しても閉じます）