1. 概要

このチュートリアルでは、チャートのグリッド線間隔を自動的にレイアウトする方法を学習します。

2. グリッド線間隔の配置

-axis の線形スケールの選択に関する記事では、折れ線グラフの軸上の目盛りの位置を特定する方法について説明しました。 このチュートリアルでは、代わりに、関連するアルゴリズムを分析します。これは、棒グラフのグリッド線の間隔を決定するのに適しています。

まず、分布を表すチャートから始めます。 たとえば、10個の独立した株の1日の価格を含むチャート：

次に、-軸上の目盛りの正しい数と配置を決定します。 私たちの目的は、目盛り間の正しい間隔を特定することです。これにより、観測値の相互の相対的な配置を理解できるようになります。

3. 避けるべき間違い

したがって、分布の範囲は、私たちが抱える最も重要な制約です。 その中で、チャート全体をグリッド線でほぼ均一にカバーしたいと思います。 ただし、グリッド線を配置するときによくある2つの間違いを回避することも必要です。

1つ目は、分布の範囲内に配置する行が少なすぎるです。これは、理解に役立たないためです。

2つ目は、過剰な数の行の配置です。 これは、実際には、目盛りが重なるリスクにつながり、不要なグリッド線で画像を混雑させる可能性もあります。

4. 中道は理解につながる

代わりに、グリッド線がチャートを十分にカバーするだけでなく、それらの間に十分なスペースを残して、目盛りと変数の値の両方を確認できるようにします。 適切に行うと、洞察に満ちているだけでなく、十分に空のグラフが得られます。

5. いい数字は？

ここで行うことは、グリッド線に適した目盛りとそうでない数字を判別することです。

教育学、数学、およびグラフィックスのブランチがあり、視覚を通して数学を理解するためのメカニズムを研究することに専念しています。 これらの分野のおかげで、数、セマンティクス、および人間の心の間の望ましい相互作用を優先的に特定でき、読者による最大限の理解につながります。

たとえば、ほとんどの読者には、任意の桁数の1、2、および5の倍数が望ましいことがわかっています。 例として、左側の列の数字が右側の列の数字よりもよく見えることがわかります。

また、この考慮事項は規模に関係なく有効であることもわかっています。

これは、素敵な数字を識別するためのスケールフリーの方法があることを意味します。 これは重要です。事前に決められた間隔で適切な数値のリストを特定すると、必要に応じてスケールアップまたはスケールダウンできるからです。 たとえば、区間内の素敵な数のリストに同意する場合、同じリストが区間内で有効になります。ただし、これに。を掛けます。

6. アルゴリズム

したがって、適切な間隔に対応するグリッド線の目盛りのスパンを識別するアルゴリズムを定義できます。 アルゴリズムは、ユーザーによって定義された、またはユーザーによってパラメーター化された、分布の範囲と最大ティック数を入力として受け取ります。 終了時に、グリッド線間の適切な間隔に対応するティックのリストを返します：

この特定の実装では、アルゴリズムはスケーリングされていないティックのリストを個別に保存する必要があります。 または、ルックアップテーブルから選択した値に大きさを掛けたものをティック間の間隔として使用することもできます。 この場合、分布の下限から始めて、各間隔でティックを配置します。

ルックアップテーブルとして、間隔内にあり、1と10の両方が存在する場合は、独自の任意のテーブルを定義できます。 共通のテーブルは要素を含むテーブルですが、代わりに他のテーブルを使用できます。

7. 結論

この記事では、棒グラフに素敵なグリッド線を配置するためのアルゴリズムを研究しました。