タッチジェスチャを使用してチャートをナビゲート

トピックの概要

このトピックでは、 XamDataChart™ コントロールでコンテンツをナビゲートするためにタッチジェスチャを使用する方法を示します。

以下の表は、このトピックを理解するための前提条件として必要なトピックを示しています。

トピック	目的
XamDataChart	このトピックでは、 XamDataChart コントロールの主な機能の概要を提供します。
チャートナビゲーション	このトピックでは、 XamDataChart コントロールでナビゲーションを使用する上での情報を提供します。
概要と詳細ペインを使用してチャートをナビゲート	このトピックでは、 XamDataChart コントロールでコンテンツをナビゲートするために xamOverviewPlusDetailPane™ コントロールを使用する方法を示します。

このトピックは、以下のセクションで構成されます。

タッチジェスチャは、 XamDataChart コントロールでユーザーがコンテンツをナビゲートおよび操作することを可能にするスクリーンの操作です。

Note	注: XamDataChart コントロールのデフォルトモードであるパンアンドズーム動作は、ズームのためにパンとマウスのためにタブアンドドラッグジェスチャを使用します。DefaultInteraction プロパティは設定されていません。ただし、このプロパティが明示的に DragZoom に設定されている場合、タッチジェスチャはチャートコンテンツのズームを強制します。

以下の表に、 XamDataChart コントロールの主な機能を簡単に説明します。

目的	方法	詳細
チャートコンテンツの拡大	拡大ジェスチャ	2 本の指で面をタッチし、互いを遠ざけるようにドラッグします。
チャートコンテンツの縮小	縮小ジェスチャ	2 本の指で面をタッチし、互いを近づけるようにドラッグします。
チャートコンテンツのパン	パンジェスチャ	面をタッチして、次にタッチして直ちに指を離さずにパンのための希望の方向に指を移動します。
チャートですべてのシリーズのヒントを表示	タブアンドドラッグジェスチャ	数秒間面をタッチしてそのままにしておき、指をドラッグします。

次の画像は、拡大ジェスチャを使用して XamDataChart コントロールのコンテンツで拡大する方法を示します。

次の画像は、ピンチジェスチャを使用して XamDataChart コントロールのコンテンツで拡大する方法を示します。

次の画像は、パンジェスチャを使用して XamDataChart コントロールのコンテンツを矢印 (右) の方向にパンする方法を示します。