C#でチャートを使用してリアルタイム座標チャートを描画する方法

著者：Eve Cole 更新時間：2024-12-16 19:36:01

Downcodes のエディターでは、Chart コントロールを使用して C# でリアルタイムの座標チャートを描画する方法を説明します。この記事では、チャートコントロールの構成、データシリーズの設定、リアルタイムデータ更新の実現、チャートパフォーマンスの最適化の主要な手順を詳しく紹介します。また、効率的なリアルタイムチャートを簡単に作成するのに役立ついくつかの高度な最適化と関数の提案も提供します。時間データチャート。この記事には、Chart コントロールの使用時に発生する可能性のある混乱に答える FAQ も含まれています。

C# で Chart コントロールを使用してリアルタイムの座標プロットを描画するには、データソースを定期的に更新し、グラフを更新して新しいデータを表示する必要があります。主な手順には、Chart コントロールの構成、データシリーズの設定、タイマーの使用、グラフの更新と再描画が含まれます。このプロセスについては、以下で詳しく説明します。

1. CHART コントロールを設定する

まず、Chart コントロールを C# プロジェクトに追加する必要があります。これは Visual Studio のツールボックスにあります。チャートツールをフォームにドラッグすると、チャートコントロールが自動的に生成されます。プロパティウィンドウからコントロールの名前を変更できます。たとえば、参照しやすいように realtimeChart に変更します。

次に、Chart コントロールの事前構成を実行します。たとえば、線グラフ (SeriesChartType.Line) は連続データの表示に適しています。グラフの X 軸と Y 軸のタイトル、ラベル、色、その他のスタイルプロパティを設定できます。例えば：

realtimeChart.Series[0].ChartType = SeriesChartType.Line;

realtimeChart.ChartAreas[0].AxisX.Title = 時間;

realtimeChart.ChartAreas[0].AxisY.Title = 値;

リアルタイムで更新できるようにするには、Chart コントロールの X 軸と Y 軸の最小値と最大値を自動に設定する必要があることを忘れないでください。

realtimeChart.ChartAreas[0].AxisX.IsMarginVisible = false;

realtimeChart.ChartAreas[0].AxisX.AutoScroll = true;

これにより、新しいデータポイントが追加されるとグラフが自動的にスクロールします。

2. データ系列を設定する

次に、グラフをプロットするデータポイントの集合であるデータシリーズを設定します。データシリーズには、色、幅、ポイントスタイルなど、設定できる多くのパラメーターがあります。たとえば、「DataSeries」という名前のシリーズを定義して、リアルタイムデータを表示できます。

シリーズ dataSeries = 新しいシリーズ(DataSeries)

{

カラー = カラー.ブルー、

境界線の幅 = 2、

IsVisibleInLegend = false、

IsXValueIndexed = true、

ChartType = SeriesChartType.Line

};

realtimeChart.Series.Add(dataSeries);

3. データのリアルタイム更新

リアルタイムのデータ更新を行う前に、データを更新するメソッドを作成する必要があります。 System.Windows.Forms.Timer コンポーネントは通常、設定された間隔で update メソッドを繰り返し呼び出すために使用されます。

まず、フォームのコンストラクターでタイマーを初期化して構成します。

タイマー updateTimer = new Timer();

updateTimer.Interval = 1000; //時間間隔を 1000 ミリ秒に設定します。

updateTimer.Tick += new EventHandler(UpdateChart); // スケジュールされた実行イベントに関連付けられます。

updateTimer.Start(); // タイマーを開始します。

UpdateChart メソッドは、リアルタイムでデータを更新します。

private void UpdateChart(オブジェクト送信者, EventArgs e)

{

// ここで、リアルタイムデータを取得するロジックを追加する必要があります

double newData = FetchNewData();

// シリーズにデータを追加します

realtimeChart.Series[DataSeries].Points.AddY(newData);

// 特定の数のデータポイント (過去 100 件など) を示すグラフを最新の状態に保ちます。

while (realtimeChart.Series[DataSeries].Points.Count > 100)

{

realtimeChart.Series[DataSeries].Points.RemoveAt(0);

}

realtimeChart.Invalidate(); // チャートを無効にして再描画を強制します

}

FetchNewData メソッドは、データソースの値ロジックに置き換える必要がある仮想関数です。

4. チャートのパフォーマンスの最適化

リアルタイムデータチャートを扱う場合、パフォーマンスは無視できない問題です。データは常に更新されるため、グラフの滑らかさと応答性を確保する必要があります。最適化のために考慮できるいくつかの側面があります。

データポイントの管理: グラフに表示されるデータポイントの数を制限し、古いデータポイントを削除して、メモリとレンダリングの負荷を軽減します。更新頻度を減らす: CPU への負担を軽減しながらデータのリアルタイム性を確保するために、タイマーの時間間隔を合理的に選択します。チャートのアニメーション効果をオフにします。アニメーションは追加のリソースを消費しますが、リアルタイムチャートは通常、アニメーション効果を必要としません。

データポイントを追加するかチャート設定を変更した後は、必ず chart.Invalidate() メソッドを呼び出してください。これにより、Chart コントロール自体が再描画され、更新が表示されます。このメソッドを呼び出さない場合、データのリアルタイムの変更が表示されない可能性があります。

5. 高度な最適化と機能

リアルタイムデータのより複雑なグラフの場合は、次のことも考慮する必要がある場合があります。

マルチスレッド更新: データの取得と計算に時間がかかる場合は、インターフェイスのフリーズを回避するためにマルチスレッドまたは非同期プログラミングの使用を検討できます。データキャッシュ: 場合によっては、キャッシュを使用して、短期間に何度も読み取られないデータのパフォーマンスを最適化できます。詳細なカスタマイズ: データをより適切に表示するために、特定のニーズに応じて X 軸と Y 軸のスケール、データ表示方法の書式設定などをカスタマイズします。

C# で Chart コントロールを使用してリアルタイム座標チャートを作成するには、コントロール構成、データ更新、パフォーマンスの最適化などの多くのレベルが必要です。上記のガイダンスに従うことで、基本的なリアルタイムデータチャートを構築でき、特定のニーズに合わせて調整および最適化できます。