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

DB チャートタイル

チャートタイル [DB]

チャートタイルは、ダッシュボード下部に5枚並ぶミニチャートエリアです。30日間のトレンドと資金マップ帯グラフを表示します。各チャートには拡大ページがあり、凡例・ツールチップ付きの大きなグラフと期間切替（30/60/90日）が利用できます。

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

項目	説明
チャート種別	折れ線グラフ2本（紫=数量ベース、赤=仕入額ベース）
計算	各日の在庫÷その日までの7日移動平均販売数。在庫データは6時間ごとの履歴スナップショット
拡大ページ	/dashboard/trend/days

項目	説明
チャート種別	面グラフ（積み上げ）
内訳	7コンポーネント合計（販売可能+予約+販売不可+調査中+入庫中3種）
データソース	6時間ごとの履歴スナップショットから復元
拡大ページ	/dashboard/trend/inventory

項目	説明
チャート種別	棒グラフ（薄灰=日別販売数）+ 折れ線（緑=7日移動平均）
ドリルダウン	ポイントをクリック → その日のアイテム明細モーダル表示
拡大ページ	/dashboard/trend/pace

「仕入vs販売」と「販売ペース」では、バーやポイントをクリックするとアイテム明細モーダルが開きます。チャートの数字が正しいかをアイテム単位で検証できます。

各チャートの右上にある拡大アイコンをクリックすると、専用の拡大チャートページへ遷移します。