【C#】Chartコントロールをとりあえず使ってみる

シェアする

  • このエントリーをはてなブックマークに追加
最近の記事
  • 8/22 【Neural Network Console】CPU/GPU処理の設定切替
  • 8/21 【Neural Network Console】Learning Rate(学習率)の設定
  • 8/20 ソニーの無償AIソフト Neural Network Consoleの入手ダウンロード、インストール
  • 8/20 Deep Learning
  • 8/20
  • 8/19 古いバージョンのVisual Studio Community/Expressの入手ダウンロード
  • 8/19 CUDAの入手、ダウンロード、インストール方法
  • 8/17 【C#.NET】マイクロソフト仕様のアフィン変換
  • 8/5 【C#】ファイルを開くダイアログボックスの表示
  • 8/2 キャノンプリンターのCDトレイはどこ?!
  • 7/6 【参考書籍】画像処理・機械学習プログラミング OpenCV 3対応
  • 6/20 【Python,matplotlib】動くグラフをAnimationGifに保存する方法
  • 6/17 シグモイド関数の微分
  • 6/15 シグモイド関数
  • 6/13 合成関数の微分
  • 6/12 WordPressで数式エディタ風に数式を入力したい
  • 6/11 PythonをVisual Studioでインストールする方法
  • 6/9 【Python】OpenCVをAnacondaでインストール(Windows編)
  • 6/6 【Python】Anacondaで複数バージョンの環境切り替え
  • 6/6 画像センシング展2017に出展します。
  • 6/1 【Office365】Web版Outlookのフォントサイズ変更
  • 6/1 【Anaconda】モジュールのアップデートでエラー発生
  • 6/1 【Anaconda】コマンドリストの表示
  • 5/29 Windows10パソコン購入
  • 5/24 Anacondaのアンインストール
  • 5/24 【Jupyter Notebook】新規プログラムの作成
  • 5/23 【Python】開発環境の構築
  • 5/23 Pythonはじめました
  • 4/6 【Office365】Web版Outlookのスレッド表示を解除する方法
  • 4/5 【Excel】フーリエ解析(FFT)
  • 3/20 Canny edge detection
  • 3/20 【Excel2016】分析ツールの表示
  • 3/5 【Visual Studio】黒い背景色を白に変更する方法
  • 2/8 【Windows10】拡張モニタに表示されたウィンドウを元に戻す
  • 2/7 複素数の計算
  • 1/18 【Excel】棒グラフの横軸の目盛を0始まりにする
  • 1/16 【Excel】フーリエ変換
  • 1/6 【OpenCV】疑似カラー(カラーマップ)
  • 11/8 【Visual Studio】検索結果のウィンドウ表示
  • 11/3 ニコン 一眼レフカメラ D5500レビュー
  • 10/26 カラーカメラはモノクロカメラを兼ねない
  • 9/6 (Free Soft)Animation GIF Builder
  • 8/30 【C#】タブの無いTabControlっぽいものを作る
  • 8/29 【OpenCvSharp】サンプルプログラムの公開
  • 8/28 【PowerPoint】部分的にカラーにする(セレクトカラー処理)
  • 8/27 【C#】引数の値渡し、参照渡し(ref, out)
  • 8/26 【Word/Excel】図形内に文字を挿入する
  • 8/25 【C#】NumericUpDownコントロール
  • 8/24 ニコン D3400 VS D5500 仕様比較
  • 8/22 【C#】MDIフォームにリサイズ可能なPanelを設置する

  • Chartコントロールは、本当に多くのプロパティがあるため、一つ一つを調べてからプログラムをするよりも、まずはVisual Studioのフォームエディタ上でいろいろ触ってみてから、プロパティの意味するところを覚えて、プログラムを組むようにした方が早そうです。

    という事で、フォームエディタ上で、いろいろ触ってみました。

    コントロールの追加

    ツールボックスのデータの中にあるChartを選択し、フォームへ追加します。

    C# Chart Control

    グラフデータの追加

    グラフのデータはSeriesプロパティで管理されています。

    C# Chart Control

    Series(コレクション)の部分をクリックし、  をクリックするとエディタが表示されます。

    C# Chart Control

    グラフのデータはデータPointsプロパティの(コレクション)の部分をクリックし、  をクリックすると各データを編集する画面↓が表示されます。

    C# Chart Control

    追加のボタンをクリックするたびにデータが追加されます。

    下図は5個のデータを追加した様子

    C# Chart Control

    各データの値はデータのXValueとYValuesの値を設定します。

    ここでYの値だけ複数形になっている?!と思えたら、少しChartコントロールに慣れてきている感じでしょうか?

    複数形は複数の設定ができます。

    この状態で5個のデータを表示したのがこちら↓

    C# Chart Control

    グラフの種類の設定

    グラフの種類は各系列(Series)ごとに設定ができ(できない組み合わせもあります)、グラフのChartTypeで設定します。

    C# Chart Control

    ここで、縦の棒グラフ(Column)から折れ線グラフ(Line)に変更すると

    C# Chart Control

    上図のようになります。

    マーカーの追加

    マーカーはSeriesプロパティのMakerSyleというプロパティがあります。

    C# Chart Control

    デフォルトではマーカーなし(None)になっていますが、これをSquareにしてみます。

    C# Chart Control

    エクセルっぽい!

    軸の名前の設定

    グラフの軸を管理しているのはChartAreaプロパティになります。

    ChartArea(コレクション)の部分をクリックし、  をクリックするとエディタが表示されます。

    軸を管理しているのがAxesプロパティでさらにエディタを開きます。

    C# Chart Control

    Axisコレクションには最初から

    X axis X軸(主軸)
    Y(Value) axis Y軸(主軸)
    Secondary X axis X軸(第二軸)
    Secondary Y axis Y軸(第二軸)

    の4つが用意されており、各軸のTitleプロパティで軸の名前を設定します。

    C# Chart Control

    X軸とY軸のTitleを設定した結果↓

    C# Chart Control

    グラフのタイトルの設定

    グラフのタイトルはTitleプロパティになります。

    Title(コレクション)の部分をクリックし、  をクリックするとエディタが表示されます。

    C# Chart Control

    (Text)の部分を編集するとグラフのタイトルが表示されます。

    C# Chart Control

    凡例領域の設定

    凡例領域の設定はLegendsロパティになります。

    Legends(コレクション)の部分をクリックし、  をクリックするとエディタが表示されます。

    C# Chart Control

    Legends1のTitleプロパティに凡例表示と入力してみると

    C# Chart Control

    ん??

    Series1の部分が変わるかと思ったら、その上に表示されるだけ?

    Legendsプロパティはあくまでも凡例表示全体(各系列の凡例を表示している領域)のプロパティ設定であって、各系列(Series)の設定ではありません。

    Series1の部分の表示名を変更するにはSeriesプロパティのNameプロパティを設定します。

    C# Chart Control

    凡例の名前が変更されました↓

    C# Chart Control

    他にも様々なプロパティがあるので、いじりたおすと面白いと思います。

    これで、この操作をプログラムで表現できれば、何とかなりそうな気がしてきた!

    Chartコントロールの使用方法へ戻る