web-dev-qa-db-ja.com

グラフが別のグラフのズームインバージョンであることを示すにはどうすればよいですか？

時系列データを示す2つの横並びのグラフがあります。

それを伝えるための最良の方法は何ですか？

  • 2番目のグラフは、最初のグラフのズームインバージョンです
  • 2番目のグラフで強調表示されている最初のグラフの領域は何ですか？
chartstimelinezooming
5
Sam

次のように、2番目のグラフでどの領域が強調表示されるかを示すボックスを最初のグラフに描くだけです。

enter image description here

多くのゲームはこれを使用して、マップ全体のうち画面のどの部分が画面に表示されているかを示します。

または、最初のチャートの表示をオーバーレイで妨げたくない場合は、同じビューを表示する2番目のチャートの上にミニマップタイプのビューを表示できます。

enter image description here

7
DasBeasto

ズームの差別化の問題に対処するためのいくつかの追加のアイデア：

  1. オーバーレイの代わりに、はるかに単純なバージョンのグラフを含むプレビューウィンドウを試すことができます。

enter image description here

これはインタラクティブな例です： http://demos.zingchart.com/view/BWTCT87D

これにより、チャート領域を不明瞭にしたり、最小限の不動産を使用したりすることなく、ユーザーに方位を非常に効果的に与えることができます。

  1. 選択してズームするのではなく、ユーザーにスクロールさせることもできます。このようにして、スクロールバーは、データセット全体を表示するのではなく、グラフの途中にあることを示します。次のように考えてください： enter image description here インタラクティブバージョン： http://www.zingchart.com/gallery/chart/#!multiseries-bar-chart-with-scrolling

私はZingChartチームに所属しているので、私は彼らのチャートライブラリを使用してこれらのデモを考え出しました。他のライブラリでも同様の機能を実現できます。ここに含まれている例について質問に回答できるかどうかをお知らせください。

5
Merrily