Run Fast: 高パフォーマンス、大量データに対応するチャート

手順2: カテゴリー チャートの作成

XFPerfomSamples プロジェクトの Views フォルダーを展開し、ChartHighFrequency.xaml ファイルを開いてください。このファイルは既に Infragistics チャート コントロールを利用するための名前空間と、RowDefinition、ColumnDefinition が定義されているレイアウト グリッドが設定されています。

このレイアウト グリッドに下記のコードのようにカテゴリー チャートを追加します。

<igCharts:XamCategoryChart x:Name="hfChart" Title="High Frequency Chart" ItemSource="{Binding Path=Data}" 
                                          ChartType="Line" 
                                          YAxisMaximumValue="1000" 
                                          YAxisMinimumValue="0" 
                                          MarkerTypes="None" 
                                          IsHorizontalZoomEnabled="True" 
                                          IsVerticalZoomEnabled="True">
</igCharts:XamCategoryChart>

このコード セグメントは ItemsSource で定義されているデータ ソースを使用した高頻度にデータが更新されるチャートを作成します。さらに、Y 軸の最大、最小値を定義することで実行時に軸の範囲を計算する必要がないようにしています。また、標準では各データ点のマーカー表示が有効になっていますが、このコード セグメントで無効化しています。さらに、チャートをタッチ フレンドリーなものとするように垂直および水平ズーム機能を有効にしています。

手順3: ソリューションのテスト

高頻度にデータが更新されるチャートの設定を終えた後、ソリューションをエミュレーター、あるいは物理デバイスで実行し動作結果を確認します。アプリケーションが実行した後に CHART - HIGH FREQUENCY ボタンをクリックします。

折れ線チャートが生成されます。チャートのフレーム/秒とチャートにバインドされているデータはそれぞれ fps、Amount ラベルに表示されます。下記のスクリーンショットでは約 10,000 点のデータを 35 フレーム/秒で描画しています。

このチャートはリアルタイムで拡大や縮小を行うことができます。また、スライダーを移動させチャートにバインドするデータ量を変更することもできるようになっているため、ターゲットとするデバイスでどれくらいのパフォーマンスが期待できるかを確認できます。

データの量の変更や拡大・縮小の操作を行いパフォーマンスを確認してください。