比較・差分Combo Chart難易度: 普通
複合グラフ
一言でわかる可視化ポイント
売上と利益率など、単位の違う2つの数字を同じ時間軸で比べる
棒グラフと折れ線を組み合わせます。「売上は増えたが利益率は下がった」といった、2つの指標の動きを一度に確認できます。
インタラクティブプレビュー
棒：売上 線：利益率
※マウスホバーやクリックでアニメーションや数値の変化を確認できます。
おすすめHTML/CSSカラーパレットサンプル
ダッシュボードの視認性を高めるためのカラーコード例です。グラフで最も伝えたい要素にイエローなどのアクセントカラーを割り当て、比較対象にはダークカラーを使用します。
棒
金額や件数
#52525BHEX
折れ線
率や平均値
#FACC15HEX
注意
基準外の月
#F97316HEX
こんな可視化に向いている（GOOD）
- 月別売上と粗利率
- 広告費と問い合わせ数
- 来店客数と客単価
やってはいけないNGパターン（BAD）
- 関係の薄い数字を無理に同じ画面へ置き、二重軸で誤解を招くこと
標準機能で対応しているおすすめBIツール
Looker StudioPower BIMetabaseExcel
Looker StudioからRetoolまで！BIツール比較ガイドを読む