【C# グラフライブラリ】ScottPlotの紹介 まとめ

POSTED COMMENT

1. れん より:

   2022-10-31 3:04 PM

   ScottPlotの解説、分かりやすくてとても助かります。
   CookBookなどを見てもわからなかったので質問させて頂きたいのですが、グラフは通常だと左から右に描画されますが、右から左に描画してほしいときはどうすればいいでしょうか。

   返信
   • えす より:

     2022-11-02 12:56 PM

     れんさん

     こんにちは。えすです。

     一人で書いていると伝わるか不安な事もあるので
     わかりやすいと言っていただけると、本当に嬉しいです。

     右からの描画ですが、ポイントデータの配列にデータを逆から入れる。でどうでしょうか？
     ちょっとイメージがついていないので、データ内容や、軸の表示をどうしたいなどを詳しく教えていただけると、もう少しご協力できるかもしれません。

     返信
2. れん より:

   2022-11-02 4:51 PM

   えす様

   ご回答頂きありがとうございます。
   言葉足らずですみません。

   イメージ的にはX軸の値が日時で、Y軸の値が常に変化する値のリアルタイム描画のグラフと言えば伝わりますでしょうか。

   1秒ごとにその時点での日時とYの値を取得して、
   古いデータが右で新しいデータが左側に描画されていくような感じです。

   ご提案頂いたポイントデータの配列を逆から入れていくという方法を試させていただいたのですが、日時のXの配列の後ろから古い日時の値を格納していき描画すると、

   “X配列 must not descend:X配列[n] = 新しい日時 but X配列[n+1]=古い日時”
   といった理由で例外が発生し、古い日時の方が配列の後ろにあると
   うまくいかないようでした。

   グラフのデータはSignalPlotXYで追加しています。

   返信
   • えす より:

     2022-11-03 11:05 PM

     れんさん

     えすです。

     詳細ありがとうございます、イメージをつかむことができました。

     設定などで簡単に実現する方法はありませんでしたが、
     ScatterPlotで以下のようにすれば、右->左にリアルタイムに描画ができました。

     ・Xの値をマイナス方向に増加(?)させる
     ・X軸のラベルに日時を文字列としてセットする

     後ほど記事にさせていただきますが、
     コードは以下です。実行画像は記事内に追記しておきます。

     ※ 環境により画面のちらつき、実行時間等でクラッシュなどはあるかもしれません。
     ※ 例外処理なしの、参考・サンプルと考えてください。

     
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

     namespace ScottPlot41_Reverse
     {
     public partial class Form1 : Form
     {
     // ScottPlotに動的にデータをセットするためのリストです。
     ScottPlot.Plottable.ScatterPlotList pointList = null;

     // 日時表示のラベルと、ラベルに対応するX軸の位置のリストです。
     List dateLabelList = new List();
     List xPositionList = new List();

     // Y軸のダミー値用の乱数です。
     Random random = new System.Random();

     // X軸に表示する日時に使います
     DateTime dt = new DateTime();

     public Form1()
     {
     InitializeComponent();

     // x軸の位置リストに0をセットします
     xPositionList.Add(0.0);

     // ScottPlotからデータ更新用のリストを取得します。
     pointList = formsPlot1.Plot.AddScatterList();

     formsPlot1.Refresh();

     // タイマーの処理を開始します
     timer1.Start();
     }
     //
     // タイマーの処理です
     //
     private void timer1_Tick(object sender, EventArgs e)
     {
     // 現在時刻を取得してラベルに追加します
     dt = DateTime.Now;
     string timeStr = dt.ToString("mm:ss");
     dateLabelList.Add(timeStr);

     //
     // x軸の位置配列と、対応するラベル配列をScottPlotにセットします。
     //
     formsPlot1.Plot.XAxis.ManualTickPositions(xPositionList.ToArray(), dateLabelList.ToArray());

     // データプロット用にX軸位置を取得します
     double xPosition = xPositionList.Last();

     // Y軸用の乱数を生成します(0～1.0)
     double yPosition = random.NextDouble();

     // データをプロットします
     pointList.Add(xPosition, yPosition);

     // ポイントデータに合わせて表示範囲を自動調整します。
     formsPlot1.Plot.AxisAuto();

     // 4.1.58(?)では、データ等の更新後にRefreshが必要なようです。
     formsPlot1.Refresh();

     // グラフを描画します
     formsPlot1.Render();

     // 次周期用のXの位置をセットします
     // マイナス1することで、右 -> 左にプロットを進めます
     xPositionList.Add(xPosition - 1 );
     }
     }
     }

     返信