直接上效果圖如下
public partial class WaveChartUserCtrl : UserControl
{
Color axisColor = Color.FromArgb(69, 200, 255);//坐標顏色
Color scaleColor = Color.FromArgb(129, 137, 156);//刻度顏色
Font axisFont = new Font("宋體", 9, FontStyle.Bold);//坐標字體
/// <summary>
/// 畫板寬度
/// </summary>
private float boardWidth;
/// <summary>
/// 畫板高度
/// </summary>
private float boardHeight;
/// <summary>
/// 垂直（縱向）邊距（畫圖區域距離左右兩邊長度）
/// </summary>
private float verticalMargin;
/// <summary>
/// 平行（橫向）邊距（畫圖區域距離左右兩邊長度）
/// </summary>
private float horizontalMargin;
/// <summary>
/// 水平間距像素
/// </summary>
private float horizontalBetween;
/// <summary>
/// 垂直間距像素
/// </summary>
private float verticalBetween;
/// <summary>
/// 圖表區域寬度
/// </summary>
float chartWidth;
/// <summary>
/// 圖表區域高度
/// </summary>
float charHeight;
/// <summary>
/// 畫圖區域起點
/// </summary>
PointF startPostion;
/// <summary>
/// 畫圖區域終點
/// </summary>
PointF endPostion;
/// <summary>
/// 左邊Y軸每個間隔值
/// </summary>
private int leftIntervalValueY;
/// <summary>
/// 右邊Y抽每個間隔值
/// </summary>
private int rightIntervalValueY;
/// <summary>
/// X軸每個間隔值
/// </summary>
//private int intervalValueX;
/// <summary>
/// X軸刻度線數量
/// </summary>
private int xScaleCount = 20;
/// <summary>
/// X軸刻度線數量
/// </summary>
public int XscaleCount
{
get
{
return xScaleCount;
}
set
{
xScaleCount = value;
}
}
/// <summary>
/// Y軸刻度線數量
/// </summary>
private int yScaleCount = 8;
/// <summary>
/// Y軸刻度線數量
/// </summary>
public int YscaleCount
{
get
{
return yScaleCount;
}
}
private float leftmaxValue = 300;
[Category("wyl")]
[Description("左邊坐標最大值")]
public float LeftMaxValue
{
get
{
return leftmaxValue;
}
set
{
if (value <= LeftMinValue)
{
MessageBox.Show("最大值不能低於最小值！", "警告", MessageBoxButtons.OK, MessageBoxIcon.Warning);
//maxValue = 300;
}
else
{
leftmaxValue = value;
}
}
}
private float leftminValue = 0;
/// <summary>
/// 儀表盤顯示的最小值
/// </summary>
[Category("wyl")]
[Description("左邊坐標最小值")]
public float LeftMinValue
{
get
{
return leftminValue;
}
set
{
if (value >= LeftMaxValue)
{
MessageBox.Show("最小值不能超過最大值！", "警告", MessageBoxButtons.OK, MessageBoxIcon.Warning);
//minValue = 0;
}
else
{
leftminValue = value;
}
}
}
private float rightmaxValue = 100;
[Category("wyl")]
[Description("右邊坐標最大值")]
public float RightMaxValue
{
get
{
return rightmaxValue;
}
set
{
if (value <= RightMinValue)
{
MessageBox.Show("最大值不能低於最小值！", "警告", MessageBoxButtons.OK, MessageBoxIcon.Warning);
}
else
{
rightmaxValue = value;
}
}
}
private float rightminValue = 0;
/// <summary>
/// 儀表盤顯示的最小值
/// </summary>
[Category("wyl")]
[Description("右邊坐標最小值")]
public float RightMinValue
{
get
{
return rightminValue;
}
set
{
if (value >= RightMaxValue)
{
MessageBox.Show("最小值不能超過最大值！", "警告", MessageBoxButtons.OK, MessageBoxIcon.Warning);
}
else
{
rightminValue = value;
//InitCanvas();
}
}
}
private List<Color> lineColor = new List<Color> { Color.Red, Color.FromArgb(0, 192, 0) };
[Category("wyl")]
[Description("線條顏色")]
public List<Color> LineColor
{
get
{
return lineColor;
}
set
{
if (value != null && value.Count > 1)
{
lineColor = value;
}
}
}
/// <summary>
/// 顯示文字
/// </summary>
string titlText1 = "";
/// <summary>
/// 顯示文字
/// </summary>
[Category("wyl")]
[Description("標題1")]
public string TitlText1
{
get
{
return titlText1;
}
set
{
titlText1 = value;
}
}
/// <summary>
/// 顯示文字
/// </summary>
string titlText2 = "";
/// <summary>
/// 顯示文字
/// </summary>
[Category("wyl")]
[Description("標題2")]
public string TitlText2
{
get
{
return titlText2;
}
set
{
titlText2 = value;
}
}
/// <summary>
/// 數據源1
/// </summary>
private Series SeriesData1 = new Series();
/// <summary>
/// 數據源2
/// </summary>
private Series SeriesData2 = new Series();
/// <summary>
/// 真實畫布寬度為畫板的80% ，其余部分預留。
/// </summary>
private float canvasWidth;
/// <summary>
/// 最大X抽坐標為24H，最后記錄一分鍾記錄一次
/// </summary>
private int MaxXScaleCount = 720;//24 * 60 / 2;//2秒通訊一次，最大每一分鍾記錄一次
//private List<float> dataLst1 = new List<float>();
//private List<float> dataLst2 = new List<float>();
public DateTime startTime = DateTime.Now;
public void InitCanvas()
{
boardWidth = this.ClientSize.Width;
boardHeight = this.ClientSize.Height;
horizontalMargin = 40;
verticalMargin = 40;
chartWidth = boardWidth - 2 * horizontalMargin;//畫圖區域寬度
charHeight = boardHeight - 2 * verticalMargin; //畫圖區域高度,axisY 避免與X軸重合
canvasWidth = chartWidth * 0.86F;//實際畫布為畫板的80%
startPostion = new PointF(horizontalMargin, verticalMargin);
endPostion = new PointF(boardWidth - horizontalMargin, boardHeight - verticalMargin);
//SeriesData1.LineColor = Color.Red;
//SeriesData2.LineColor = Color.FromArgb(0, 192, 0);
}
public WaveChartUserCtrl()
{
InitializeComponent();
this.SetStyle(ControlStyles.OptimizedDoubleBuffer
| ControlStyles.AllPaintingInWmPaint
| ControlStyles.DoubleBuffer, true);
InitCanvas();
}
/// <summary>
/// 畫圖
/// </summary>
/// <param name="gp"></param>
private void Drawing(Graphics gs)
{
System.Diagnostics.Stopwatch runstopwatch = new System.Diagnostics.Stopwatch();
runstopwatch.Start();
if (SeriesData1.Datas.Count > 20)
{
XscaleCount = SeriesData1.Datas.Count;
}
horizontalBetween = canvasWidth / XscaleCount;
verticalBetween = charHeight / YscaleCount;
//intervalValueX = 1;//
leftIntervalValueY = (int)(LeftMaxValue - LeftMinValue) / YscaleCount;
rightIntervalValueY = (int)(RightMaxValue - RightMinValue) / YscaleCount;
try
{
StringFormat strFmt = new System.Drawing.StringFormat();
strFmt.Alignment = StringAlignment.Center; //文本水平居中
strFmt.LineAlignment = StringAlignment.Center; //文本垂直居中
Pen axisPen = new Pen(scaleColor, 1.0F);//坐標文字
Bitmap bit = new Bitmap((int)boardWidth, (int)boardHeight);
Graphics g = Graphics.FromImage(bit);
//g.DrawString(TitlText, new Font("宋體", 9, FontStyle.Bold), new SolidBrush(SeriesData1.LineColor), 5, 10);
float tempEndPointY = endPostion.Y;
//Y軸格
for (int i = 0; i <= YscaleCount; i++)
{
float y = tempEndPointY - i * verticalBetween;
g.DrawLine(axisPen, startPostion.X, y, endPostion.X, y);
string leftText = (LeftMinValue + (i * leftIntervalValueY)).ToString();
SizeF sf = g.MeasureString(leftText, axisFont);
RectangleF rf = new RectangleF(startPostion.X - 30, y - sf.Height / 2, 30, sf.Height);
g.DrawString(leftText, axisFont, new SolidBrush(LineColor[0]), rf, strFmt);
string rightText = (RightMinValue + (i * rightIntervalValueY)).ToString();
sf = g.MeasureString(rightText, axisFont);
RectangleF rf1 = new RectangleF(endPostion.X + 5, y - sf.Height / 2, 30, sf.Height);
g.DrawString(rightText, axisFont, new SolidBrush(LineColor[1]), rf1, strFmt);
}
//畫曲線
if (SeriesData1 != null)
{
strFmt.Alignment = StringAlignment.Near; //
RectangleF rf = new RectangleF(0, 0, 70, 30);
g.DrawString(TitlText1, new Font("宋體", 10, FontStyle.Bold), new SolidBrush(LineColor[0]), rf, strFmt);
//計算0值的坐標
int tempv = (int)((Math.Abs(LeftMinValue) - 0) / leftIntervalValueY);//得到0到最小值的間隔距離；
float zeroY = tempEndPointY - tempv * verticalBetween;//值為0點Y抽坐標；
if (SeriesData1.Datas.Count > 1)
{
int dataIndex = 0;
PointF[] arrDataPoint = new PointF[SeriesData2.Datas.Count];
int index = 0;
foreach (PointF pf in SeriesData1.Datas)
{
PointF p = new PointF();
p.X = startPostion.X + horizontalBetween * index;
p.Y = zeroY - verticalBetween * pf.Y / leftIntervalValueY;
arrDataPoint[dataIndex++] = p;
index++;
}
g.DrawCurve(new Pen(new SolidBrush(LineColor[0]), 2F), arrDataPoint);
PointF[] AreaPf = new PointF[arrDataPoint.Length + 2];
int AreaIndxe = 0;
AreaPf[AreaIndxe++] = new PointF(startPostion.X, zeroY);
foreach (PointF p in arrDataPoint)
{
AreaPf[AreaIndxe++] = p;
}
AreaPf[AreaIndxe++] = new PointF(arrDataPoint[arrDataPoint.Length - 1].X, zeroY);
g.FillPolygon(new SolidBrush(Color.FromArgb(50, LineColor[0])), AreaPf);
//g.FillClosedCurve(new SolidBrush(Color.FromArgb(50, SeriesData1.LineColor)), AreaPf);
//g.DrawEllipse(new Pen(Brushes.Red), startPostion.X, zeroY, 10, 10);
}
}
if (SeriesData2 != null)
{
strFmt.Alignment = StringAlignment.Far; //
RectangleF rf = new RectangleF(boardWidth - 70, 0, 70, 30);
g.DrawString(TitlText2, new Font("宋體", 10, FontStyle.Bold), new SolidBrush(LineColor[1]), rf, strFmt);
//計算0值的坐標
int tempv = (int)((Math.Abs(RightMinValue) - 0) / rightIntervalValueY);//得到0到最小值的間隔距離；
float zeroY = tempEndPointY - tempv * verticalBetween;//值為0點Y抽坐標；
if (SeriesData2.Datas.Count > 1)
{
int dataIndex = 0;
PointF[] arrDataPoint = new PointF[SeriesData2.Datas.Count];
int index = 0;
foreach (PointF pf in SeriesData2.Datas)
{
PointF p = new PointF();
p.X = startPostion.X + horizontalBetween * index;
p.Y = zeroY - verticalBetween * pf.Y / rightIntervalValueY;
arrDataPoint[dataIndex++] = p;
index++;
}
g.DrawCurve(new Pen(new SolidBrush(LineColor[1]), 2F), arrDataPoint);
PointF[] AreaPf = new PointF[arrDataPoint.Length + 2];
int AreaIndxe = 0;
AreaPf[AreaIndxe++] = new PointF(startPostion.X, zeroY);
foreach (PointF p in arrDataPoint)
{
AreaPf[AreaIndxe++] = p;
}
AreaPf[AreaIndxe++] = new PointF(arrDataPoint[SeriesData2.Datas.Count - 1].X, zeroY);
g.FillPolygon(new SolidBrush(Color.FromArgb(50, LineColor[1])), AreaPf);
}
}
g.DrawString(startTime.ToString("HH:mm:ss"), new Font("宋體", 10, FontStyle.Regular), Brushes.White, 10, this.ClientSize.Height - 30);
g.DrawString(DateTime.Now.ToString("HH:mm:ss"), new Font("宋體", 10, FontStyle.Regular), Brushes.White, this.ClientSize.Width - 80, this.ClientSize.Height - 30);
g.DrawString("Time/H", new Font("宋體", 12, FontStyle.Regular), Brushes.Wheat, 0, this.ClientSize.Height - 15);
gs.DrawImage(bit, 0, 0);
g.Dispose();
runstopwatch.Stop();
TimeSpan timespan = runstopwatch.Elapsed;
Console.WriteLine("Drawing:" + timespan.ToString());
}
catch (Exception ex)
{
Console.WriteLine(ex.Message);
}
}
private void WaveChartUserCtrl_Resize(object sender, EventArgs e)
{
InitCanvas();
this.Refresh();
}
private void WaveChartUserCtrl_Paint(object sender, PaintEventArgs e)
{
Drawing(e.Graphics);
}
public void AddSeriesData(List<float> dataLst1, List<float> dataLst2)
{
//System.Diagnostics.Stopwatch runstopwatch = new System.Diagnostics.Stopwatch();
//runstopwatch.Start();
//dataLst1.Add(y1);
//dataLst2.Add(y2);
//if (dataLst1.Count > 86400)
//{
// dataLst1.RemoveAt(0);
//}
//if (dataLst2.Count > 86400)
//{
// dataLst2.RemoveAt(0);
//}
int tempx = dataLst1.Count / MaxXScaleCount + 1;
SeriesData1.Datas.Clear();
for (int index = 0; index < dataLst1.Count; index++)
{
PointF p1 = new PointF(0, dataLst1[index]);
if (index % tempx == 0 || index == dataLst1.Count)
{
SeriesData1.Datas.Add(p1);
}
}
SeriesData2.Datas.Clear();
for (int index = 0; index < dataLst2.Count; index++)
{
PointF p2 = new PointF(0, dataLst2[index]);
if (index % tempx == 0 || index == dataLst2.Count)
{
SeriesData2.Datas.Add(p2);
}
}
//runstopwatch.Stop();
//TimeSpan timespan = runstopwatch.Elapsed;
//Console.WriteLine(timespan.ToString());
//this.Refresh();
}
}
/// <summary>
/// 數據系列管理
/// </summary>
public class Series
{
/// <summary>
/// 標題
/// </summary>
public string HeadText = "title";
Color lineColor = Color.Red;
/// <summary>
/// 當前畫筆顏色
/// </summary>
public Color LineColor
{
get
{
return lineColor;
}
set
{
lineColor = value;
}
}
public List<PointF> Datas = new List<PointF>();
}