チャート見本市/折れ線グラフ
時系列・トレンドLine Chart難易度: 簡単

折れ線グラフ

一言でわかる可視化ポイント

時間の経過に伴う「波・変化の勢い・トレンド」を一目で捉える

売上高の推移やWebサイトのPV数、気温の変化など、「時間が経つにつれて数値がどう上がったか・下がったか」の傾向(トレンド)を追うのに最も優れているグラフです。

インタラクティブプレビュー

+28.4% ↗

※マウスホバーやクリックでアニメーションや数値の変化を確認できます。

おすすめHTML/CSSカラーパレットサンプル

ダッシュボードの視認性を高めるためのカラーコード例です。グラフで最も伝えたい要素にイエローなどのアクセントカラーを割り当て、比較対象にはダークカラーを使用します。

メイン線
当期の主要トレンド
#FACC15HEX
比較・過去線
前年同月・目標ライン
#52525BHEX
グリッド
補助線
#27272AHEX

こんな可視化に向いている(GOOD)

  • 過去12ヶ月間の月次売上推移の確認
  • 広告キャンペーン実施前後のアクセス数変化
  • 複数の店舗・サービスの成長スピード比較

やってはいけないNGパターン(BAD)

  • 時点の決まった単発データの比較(時間軸がないデータ)
  • 系列が10本以上重なって線が交差しすぎている状態

標準機能で対応しているおすすめBIツール

Looker StudioPower BIMetabaseExcel
Looker StudioからRetoolまで!BIツール比較ガイドを読む