シンプルな 2D (XY) チャート

始めに、LightningChart .NET をご使用のマシンにインストールする必要があります。
インストール手順は、LightningChart v.8 日本語スタート ガイドを参照してください。

インストール完了後、プロジェクトに LightningChart の DLL が含まれるため、すぐにチャート生成を始めることができます。まずは、WinForms と WPF 向けに MVVM を実装しない簡単なライン チャートを生成しましょう。

このチャートは、デザイナーに追加してプロパティ ウィンドウから構成できますが、このチュートリアル シリーズでは、今後のプロジェクト開発において最適な方法を提供するため、すべてコードで作成する方法を紹介しています。

作成手順

1. LightningChart .NET のインスタンスを宣言します。

             // チャート インスタンスを作成
             var chart = new LightningChartUltimate();
           

2. チャートがレンダリングされる場所に親コンテナーを設定します。

             // チャートの親コンテナーを設定
             chart.Parent = this; 
             chart.Dock = DockStyle.Fill;
           

             // チャートの親コンテナーを設定
             (Content as Grid).Children.Add(chart);
           

3. 線系列を作成します (例: PointLineSeries)。

             // デフォルトの X 軸および Y 軸に線系列を割り当て
             var series = new PointLineSeries(
                 chart.ViewXY,
                 chart.ViewXY.XAxes[0],
                 chart.ViewXY.YAxes[0]
             );
           

4. ランダムなデータを生成、またはソースから適切な形式にデータを変換します。

             // データをランダムに散布
             Random rand = new Random(); 
             int pointsCount = 70; 
             
             // アルゴリズムでいくつかデータを生成
             var data = new SeriesPoint[pointsCount]; 
             for (int i = 0; i < pointsCount; i++) 
             {  
                  data[i].X = (double)i;         // “Your double X-value”; 
                  data[i].Y = rand.Next(0, 100); // “Your double Y-value”; 
             }
           

5. 生成されたデータ ポイントを系列に設定します。

             series.Points = data; // データの割り当て
           

6. 作成した線系列を特定の系列の種類のチャート コレクションに追加します。

             // PointLineSeries のリストに系列を追加
             chart.ViewXY.PointLineSeries.Add(series);
           

7. グラフの軸をオートスケールして、すべての系列のデータポイントを表示します。

             // データをもとにビューをオートスケール 
             chart.ViewXY.ZoomToFit();
           

8. アプリケーションをビルドおよび実行します。

ソース コードをダウンロード

ライセンス体系、価格、お見積り依頼、ご購入前の技術的なお問い合わせなど、本製品に関するご質問、ご不明な点はエクセルソフトまでお気軽にお問い合わせください。

お問い合わせ

ページトップへ