バージョン

チャート ナビゲーション

トピックの概要

目的

このトピックは、コード例を使って、 XamDataChart™ コントロール内のナビゲーション用途のプロパティと、その使用方法を示します。

前提条件

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

トピック 目的

このトピックでは、 XamDataChart コントロールの主な機能の概要を提供します。

このトピックの内容

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

概要

XamDataChart コントロールでは、チャート ナビゲーションはデフォルトで無効になっています。このセクションの手順に従ってください。以下の表で「推奨値」列に示されているプロパティ構成では、チャート ナビゲーションが有効になり、チャートにナビゲーション ズーム バーが表示されます。

プロパティ名 タイプ 説明 デフォルト値 推奨値

InteractionState

チャート プロット領域でのマウス ドラッグによって、チャートのコンテンツをズームまたはパンするかを構成します。有効な値:

  • DragZoom

  • DragPan

  • なし

DragZoom

DragZoom

Boolean

True の場合、チャートの水平ズームを有効にします。

False

True

Visibility

チャートの水平ズーム バーの表示状態を変更します。

Collapsed

Visible

Boolean

True の場合、チャートの垂直ズームを有効にします。

False

True

Visibility

チャートの垂直ズーム バーの表示状態を変更します。

Collapsed

Visible

ModifierKey

ズームをトリガーする修飾キーを設定します。

None

Control

ModifierKey

パンニングをトリガーする修飾キーを設定します。

Shift

Shift

コード例

以下のコード スニペットは、チャートを XamDataChart コントロールに追加する方法を示します。

XAML の場合:

<ig:XamDataChart x:Name="Chart"
                IsHorizontalZoomEnabled="True"
                IsVerticalZoomEnabled="True">
</ig:XamDataChart>

Visual Basic の場合:

Dim chart As New XamDataChart()
chart.IsHorizontalZoomEnabled = true
chart.IsVerticalZoomEnabled = true

C# の場合:

var chart = new XamDataChart();
chart.IsHorizontalZoomEnabled = true;
chart.IsVerticalZoomEnabled = true;

Shift または Control に設定した DragModifier のコード スニペット

動作をトリガーする複数の修飾キーを設定する場合があります。これを実装するには、XamDataChart の PreviewKeyDown イベントを処理し、押されているキーに基づいて DragModifier または PanModifier を変更するロジックを追加します。例については、以下のコード スニペットを参照してください。

C# の場合:

private void xamDataChart1_PreviewKeyDown(object sender, KeyEventArgs e)
{
    if (e.Key == Key.LeftShift | e.Key == Key.RightShift)
    {
        (sender as XamDataChart).DragModifier = ModifierKeys.Shift;
    }
    if (e.Key == Key.LeftCtrl | e.Key == Key.RightCtrl)
    {
        (sender as XamDataChart).DragModifier = ModifierKeys.Control;
    }
}

Visual Basic の場合:

Public Sub XamDataChart1_PreviewKeyDown(ByVal sender As Object, ByVal e As KeyEventArgs)
    If e.Key = Key.LeftShift OrElse e.Key = Key.RightShift Then
        CType(sender, XamDataChart).DragModifier = ModifierKeys.Shift
    End If
    If e.Key = Key.LeftCtrl OrElse e.Key = Key.RightCtrl Then
        CType(sender, XamDataChart).DragModifier = ModifierKeys.Control
    End If
End Sub

関連コンテンツ

トピック

このトピックの追加情報については、以下のトピックも合わせてご参照ください。

トピック 目的

このトピックは、コードビハインドでチャートをナビゲートする方法を提供します。

このトピックは、マウスとキーボードを使用してチャートをナビゲートする方法を提供します。

このトピックは、タッチ ジェスチャを使用してチャートをナビゲートする方法を提供します。

このトピックは、概要と詳細ペインを使用してチャートをナビゲートする方法を提供します。