web-dev-qa-db-ja.com

折れ線グラフにy軸ラベルが必要ですか?

私は現在、細かい株式市場スタイルのビューではなく、データの傾向を相対的に「すばやく」表示するように折れ線グラフを設計しています。トレンドラインは1つだけです。

現在、各データポイントにはy値がラベル付けされています。 x値は時間の線形単位になります。

最大のy値のデータポイントがグラフの上部に配置される場合、下部にx軸ラベルのみを表示しても問題ありませんか?

enter image description here

7
ewittke

「一目でわかる」場合は、y軸だけでなくx軸も非表示にしても問題ありません。例は sparklines ですが、インライングラフィックスに適しています。

sparklines

トレンドラインの縮小バージョンは単なる矢印です。非常に高速に認識され、どの軸でも複雑に見えます。

ユーザーがグラフを理解できるように、このようなグラフを補足資料として強力なコンテキストで使用することを検討する必要があります。

8

軸を削除する前に確認する必要があるいくつかの質問があります。

  • ユーザーは、グラフの内容に十分に精通しているので、内容を推測する必要はありませんか?例:グラフのコンテキストがわからないので、グラフの内容を理解するのにしばらく時間がかかりました。

  • これが表示されている唯一のグラフですか?その場合、軸を保持します。 Alexeyが指摘したように、読みやすさと使いやすさのために軸を削除したい場合があります。たとえば、スパークラインを使用したり、 small multiples の大きなセットを使用したりします。

  • 最後に、軸を削除してどのような値を取得していますか?追加のスペースを取得していますか?サイト/製品の全体的な読みやすさを向上させていますか?これに対する具体的で強力な答えがない場合、いくつかの異なる軸のデザインを探しますが、完全に削除することはしません。

5
rk.

上記の回答に追加するいくつかのこと:

  • 私はビジネスインテリジェンスの分野にいるため、毎日グラフを作成して確認しています。折れ線グラフやスパークラインを見たことがありますが、X軸はあるがY軸はないグラフはめったに見ません。
  • グラフにデータポイントラベルを表示することは重要ですか?ユーザーが全体的な傾向にのみ関心がある場合、ラベルはユーザーにとって視覚的なノイズになる可能性があります。代わりに、ツールチップにカーソルを合わせると表示できます。
  • Y軸を削除する場合は、Yグリッド線も削除する必要があります。これらはグラフに値を追加しないためです。
  • X軸の目盛りも削除することを検討してください。
1
edc

値/トレンドをヒントにしようとしているだけのときは、軸のないグラフを使用しても問題ありません

彼らが小さくても大丈夫です。実際、時々、それらを小さくすると、全体的な傾向がより明白になるようです。

また、より詳細なグラフを簡略化する場合は、ツールチップを使用すると、グラフのコンテキスト情報を最小限に抑えることができます。

次のGoogleアナリティクスの例をご覧ください:

Google Analytics Example

1
Andy Fleming

それは、いくつ観察ができるかにも一部依存すると思います。 7日間、折れ線グラフではなく縦棒グラフをお勧めします。私には、Y軸がないと何かが欠けているように見えます。

0
The Diamond Z

これはユースケースによって異なります。アラートタイプのサービスの場合、スパークラインを使用すると、軸は必要ありません。また、d3.jsなどのグラフでも、ホバーするポイントを示すことができ、これにより値が表示されますが、この方法では、使いやすさを考慮して-1を手動で移動してホバーする必要があります。したがって、軸は画像になり、すばやく視覚化できます。データセットとビュー(チ​​ャートのサイズ)に依存すると思います

0
neoeahit