VC实现趋势图绘制

　本文参考pudn上一个完整工程，在pudn搜索“50815867CurveDrawing”即可找到源代码。

上图是使用VS2010重写了该软件后的效果图，下面再贴出关键代码：

// Plot.cpp : 实现文件

//

#include "stdafx.h"

#include "CurveDrawing.h"

#include "Plot.h"

// CPlot

IMPLEMENT_DYNAMIC(CPlot, CWnd)

/***********************************************************************************************

*函数名 : CPlot

*函数功能描述 : CPlot类的构造函数,初始化一些变量

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

CPlot::CPlot()

{

    //画图区域与整个显示区域的边界

    leftmargin=;                                            //左边界

    rightmargin=;                                            //右边界

    topmargin=;                                            //上边界

    bottommargin=;                                        //下边界

    m_crBrgndColor = RGB(,,);                        //背景色

    m_crGridPen = RGB(,,);                            //格子线

    m_crCurve = RGB(,,);

    m_pValue = NULL;

    m_dLen = ;

    m_LastValue = ;

}

/***********************************************************************************************

*函数名 : DrawCurve

*函数功能描述 : 画曲线图

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

void CPlot::DrawCurve(CDC *pDC)

{

    long i=;

    float randValue = (double)abs(rand()%);                //randValue 范围 0 - 20

    float cy = randValue/;                                    //刻度线分为4格

    if(cy <= )                                                //cy <= 1的概率是25%

    {

        cy = ;

    }

    if(cy == )

    {

        AddPoint(CTime::GetCurrentTime(),m_LastValue);

    }

    else

    {

        AddPoint(CTime::GetCurrentTime(),cy);

    }

    CPen *oldpen;

    CPen pen(PS_SOLID,,m_crCurve);

    oldpen = pDC->SelectObject(&pen);

    float smallgridwidth = (float)m_skeletonRect.Width()/;

    float intervalY = m_skeletonRect.Height()/;

    int docnumber1 = m_dLen;

    int offset=;

    if(m_dLen >=)

    {

        if(m_dLen < )

        {

            for(int i=;i<m_dLen-;i++)                        //画图都是从左向右，左边的点都是先出来的点，但视觉效果是从右向左

            {

                docnumber1--;

                /*pDC->Ellipse(m_skeletonRect.left+smallgridwidth*(100-docnumber1)-offset,m_skeletonRect.Height()+topmargin-((m_pValue[i].dValue-1)*intervalY)-offset,m_skeletonRect.left+smallgridwidth*(100-docnumber1)+offset,

                        m_skeletonRect.Height()+topmargin-((m_pValue[i].dValue-1)*intervalY)+offset);

                pDC->Ellipse(m_skeletonRect.left+smallgridwidth*(100-docnumber1+1)-offset,m_skeletonRect.Height()+topmargin-((m_pValue[i+1].dValue-1)*intervalY)-offset,m_skeletonRect.left+smallgridwidth*(100-docnumber1+1)+offset,

                    m_skeletonRect.Height()+topmargin-((m_pValue[i+1].dValue-1)*intervalY)+offset);*/

                pDC->MoveTo(CPoint(m_skeletonRect.right-(float)smallgridwidth*(docnumber1),m_skeletonRect.Height()+topmargin-

                    ((m_pValue[i].dValue-)*intervalY)));

                pDC->LineTo(CPoint(m_skeletonRect.right-(float)smallgridwidth*(docnumber1-),m_skeletonRect.Height()+topmargin-

                    ((m_pValue[i+].dValue-)*intervalY)));

            }

        }

        else

        {

            for(i=;i<;i++)

            {

                for(int i=;i<;i++)                       //同理  这里也是从左向右描点

                {

                    /*pDC->Ellipse(m_skeletonRect.left+smallgridwidth*(i)-offset,m_skeletonRect.Height()+topmargin-

                        ((m_pValue[i+m_dLen-1-100].dValue-1)*intervalY)-offset,m_skeletonRect.left+smallgridwidth*(i)+offset,m_skeletonRect.Height()+topmargin-

                        ((m_pValue[i+m_dLen-1-100].dValue-1)*intervalY)+offset);

                    pDC->Ellipse(m_skeletonRect.left+smallgridwidth*(i+1)-offset,m_skeletonRect.Height()+topmargin-

                        ((m_pValue[i+m_dLen-100].dValue-1)*intervalY)-offset,m_skeletonRect.left+smallgridwidth*(i+1)+offset,m_skeletonRect.Height()+topmargin-

                        ((m_pValue[i+m_dLen-100].dValue-1)*intervalY)+offset);*/

                    pDC->MoveTo(CPoint(m_skeletonRect.right - smallgridwidth*(-i),m_skeletonRect.Height()+topmargin-

                        ((m_pValue[i+m_dLen--].dValue-)*intervalY)));

                    pDC->LineTo(CPoint(m_skeletonRect.right - smallgridwidth*(-i-),m_skeletonRect.Height()+topmargin-

                        ((m_pValue[i+m_dLen-].dValue-)*intervalY)));

                }

            }

        }

    }

    pDC->SelectObject(oldpen);

}

/***********************************************************************************************

*函数名 : DrawTimeValue

*函数功能描述 : 画时间刻度 在刷新背景的的时候画刻度线 避免闪烁

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

void CPlot::DrawTimeValue(CDC *pDC)

{

    int i=;

    if((m_dLen<) & (m_dLen >))

    {

        int scale = m_dLen/;

        for(i=;i<=scale;i++)

        {

            ShowtimeValue(i,pDC);

        }

    }

    else

    {

        for(i=;i<=;i++)

        {

            ShowtimeValue(i,pDC);

        }

    }

}

/***********************************************************************************************

*函数名 : ShowtimeValue

*函数功能描述 : 显示某一个时间值

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

void CPlot::ShowtimeValue(int scale,CDC *pDC)

{

    CString tmp("");

    int x=,y=;

    float smallgridwidth = (float)m_skeletonRect.Width()/;

    tmp = m_pValue[m_dLen--*scale].time.Format("%H:%M:%S");

    x = m_skeletonRect.right - smallgridwidth*scale*;

    y = m_skeletonRect.bottom;

    pDC->DrawText(tmp,CRect(x-,y+,x+,y+),DT_CENTER);

}

/***********************************************************************************************

*函数名 : AddPoint

*函数功能描述 : 添加点

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

void CPlot::AddPoint(CTime t,float d)

{

    if(m_dLen == )

    {

        m_pValue = (pValue *)malloc(sizeof(pValue));

    }

    else

    {

        m_pValue = (pValue *)realloc(m_pValue,(m_dLen+)*sizeof(pValue));

    }

    m_LastValue = d;                    //记录最近的一个值

    m_pValue[m_dLen].time = t;

    m_pValue[m_dLen].dValue = d;

    m_dLen++;                            //数据量在增加

}

/***********************************************************************************************

*函数名 : CPlot

*函数功能描述 : CPlot的析构函数

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

CPlot::~CPlot()

{

    if(m_pValue != NULL)

    {

        free(m_pValue);

        m_pValue = NULL;

    }

}

BEGIN_MESSAGE_MAP(CPlot, CWnd)

END_MESSAGE_MAP()

/***********************************************************************************************

*函数名 : DrawBasic

*函数功能描述 : 画背景画方框

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

void CPlot::DrawBasic(CDC *pDC)

{

    m_skeletonRect.left = m_Rect.left + leftmargin;

    m_skeletonRect.top = m_Rect.top + topmargin;

    m_skeletonRect.bottom = m_Rect.bottom - bottommargin;

    m_skeletonRect.right = m_Rect.right - rightmargin;

    CBrush m_bkBrush(m_crBrgndColor);

    pDC->SelectObject(&m_bkBrush);

    pDC->FillRect(m_Rect,&m_bkBrush);

    pDC->Rectangle(m_skeletonRect);

}

/***********************************************************************************************

*函数名 : DrawGrids

*函数功能描述 : 画格子

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

void CPlot::DrawGrids(CDC *pDC)

{

    DrawXGrids(pDC);

    DrawYGrids(pDC);

}

/***********************************************************************************************

*函数名 : DrawXGrids

*函数功能描述 : 画横向的格子

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

void CPlot::DrawXGrids(CDC *pDC)

{

    CPen *old,*old1;

    CPen pen1(PS_SOLID,,RGB(,,));

    CPen pen2(PS_SOLID,,RGB(,,));

    CPen pen3(PS_SOLID,,RGB(,,));

    CFont *oldFont;

    CFont ft;

    old = (CPen *)pDC->SelectObject(&pen1);

    ft.CreatePointFont(,_T("Arial"),pDC);

    oldFont = (CFont *)pDC->SelectObject(&ft);

    int yDiv = ;

    double yDistance = ((double)m_skeletonRect.bottom - (double)m_skeletonRect.top)/yDiv;

    int startX = m_skeletonRect.left;            //左边横坐标

    int startY = m_skeletonRect.top;             //左边上坐标

    int endY = m_skeletonRect.bottom;

    int endX = m_skeletonRect.right;

    int offset = ;

    int scale = ;

    CString text;

    text.Format(_T("%d.0"),);

    pDC->DrawText(text,CRect(startX-,startY-,startX-,startY+),DT_CENTER);

    pDC->DrawText(text,CRect(endX+,startY-,endX+,startY+),DT_CENTER);

    text.Format(_T("%d.0"),);

    pDC->DrawText(text,CRect(startX-,endY-,startX-,endY+),DT_CENTER);

    pDC->DrawText(text,CRect(endX+,endY-,endX+,endY+),DT_CENTER);

    int i=;

    for(i=;i<=;i++)                                        //画39条格子

    {

        if(i% == )                                         //每10格画一个大格子

        {

            old1 = (CPen *)pDC->SelectObject(&pen2);

            pDC->MoveTo(startX+,(int)(startY+i*yDistance));

            pDC->LineTo(endX-,(int)(startY+i*yDistance));

            pDC->SelectObject(old1);

            scale--;

            text.Format(_T("%d.0"),scale);

            pDC->DrawText(text,CRect(startX-,startY+i*yDistance-,startX-,startY+i*yDistance+),DT_CENTER);

            pDC->DrawText(text,CRect(endX+,startY+i*yDistance-,endX+,startY+i*yDistance+),DT_CENTER);

        }

        pDC->MoveTo(startX+,(int)(startY+i*yDistance));

        pDC->LineTo(endX-,(int)(startY+i*yDistance));

        old1 = (CPen *)pDC->SelectObject(&pen3);             //画刻度

        pDC->MoveTo(startX,(int)(startY+i*yDistance));

        pDC->LineTo(startX-offset,(int)(startY+i*yDistance));

        pDC->MoveTo(endX,(int)(startY+i*yDistance));

        pDC->LineTo(endX+offset,(int)(startY+i*yDistance));

        pDC->SelectObject(old1);

    }

    pDC->SelectObject(old);

    pDC->SelectObject(oldFont);

}

/***********************************************************************************************

*函数名 : DrawYGrids

*函数功能描述 : 画竖向的格子

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

void CPlot::DrawYGrids(CDC *pDC)

{

    CPen *old,*old1;

    CPen pen1(PS_SOLID,,RGB(,,));                        //细线

    CPen pen2(PS_SOLID,,RGB(,,));

    CPen pen3(PS_SOLID,,RGB(,,));                            //画刻度

    old = (CPen *)pDC->SelectObject(&pen1);

    //横向分为100个点

    int xDiv = ;

    double xDistance = ((double)m_skeletonRect.right - (double)m_skeletonRect.left)/xDiv;

    int startX = m_skeletonRect.left;                            //左边横坐标

    int startY = m_skeletonRect.top;                            //左边上坐标

    int endY = m_skeletonRect.bottom;

    int endX = m_skeletonRect.right;

    int offset = ;

    int i=;

    for(i=;i<=;i++)                                            //画99条格子

    {

        if(i% == )                                            //每10格画一个大格子

        {

            old1 = (CPen *)pDC->SelectObject(&pen2);

            pDC->MoveTo(startX+i*xDistance,startY+);

            pDC->LineTo(startX+i*xDistance,endY-);

            pDC->SelectObject(old1);

        }

        pDC->MoveTo(startX+i*xDistance,startY+);

        pDC->LineTo(startX+i*xDistance,endY-);

        old1 = (CPen *)pDC->SelectObject(&pen3);              //画刻度

        pDC->MoveTo(startX+i*xDistance,startY-offset);

        pDC->LineTo(startX+i*xDistance,startY);

        pDC->MoveTo(startX+i*xDistance,endY);

        pDC->LineTo(startX+i*xDistance,endY+offset);

        pDC->SelectObject(old1);

    }

    pDC->SelectObject(old);

}

上面的代码有注释，也没有什么难的。分为绘制背景图和绘制曲线图，绘制曲线图的时候无论数据点大于100个还是小于100个，每次描点都是从左向右描的，恰好跟视觉效果相反，是不是有种眼睛被欺骗了的感觉。绘制背景是在相应视图的WM_ERASEBKGND消息响应中完成的，而且使用了双缓冲。绘制曲线图是在相应视图的OnDraw函数中完成的。

下面再给出这两个函数：

/***********************************************************************************************

*函数名 : OnDraw

*函数功能描述 : 视类的OnDraw虚函数，在窗口重绘时被WM_PAINT的消息响应函数调用

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

void CMyView::OnDraw(CDC* pDC)

{

    CDocument* pDoc = GetDocument();

    if(m_bRedraw == TRUE)                   //避免其他情况引起的重绘

    {

        m_bRedraw = FALSE;

        m_plot.DrawCurve(pDC);

    }

}

/***********************************************************************************************

*函数名 : OnEraseBkgnd

*函数功能描述 : WM_ERASEBKGND消息响应函数

*函数参数 : 无

*函数返回值 : 无

*作者 : nelson

*函数创作日期 : 2016/3/15

*函数修改日期 :

*修改人 :

*修改原因 :

*版本 : 1.0

*历史版本 : 无

***********************************************************************************************/

BOOL CMyView::OnEraseBkgnd(CDC* pDC)

{

    GetClientRect(m_plot.m_Rect);

    CDC MemDC;                            //内存兼容DC

    CBitmap bmp;

    MemDC.CreateCompatibleDC(pDC);

    bmp.CreateCompatibleBitmap(pDC,m_plot.m_Rect.Width(),m_plot.m_Rect.Height());

    MemDC.SelectObject(&bmp);            //将兼容位图选入兼容DC

    m_plot.DrawBasic(&MemDC);            //在兼容位图

    m_plot.DrawGrids(&MemDC);

    m_plot.DrawTimeValue(&MemDC);

    pDC->BitBlt(m_plot.m_Rect.left,m_plot.m_Rect.top,m_plot.m_Rect.Width(),m_plot.m_Rect.Height(),&MemDC,,,SRCCOPY);

    MemDC.DeleteDC();

    bmp.DeleteObject(); 

    return TRUE;

}

关于多视图，查看CSplitterWnd类即可。

VC实现趋势图绘制的更多相关文章

【开源】专业K线绘制[K线主副图、趋势图、成交量、滚动、放大缩小、MACD、KDJ等）
这是一个iOS项目雅黑深邃的K线的绘制. 实现功能包括K线主副图.趋势图.成交量.滚动.放大缩小.MACD.KDJ,长按显示辅助线等功能预览图最后的最后,这是项目的开源地址:https://git ...
Excel应该这么玩——7、我是预言家：绘制趋势图
让我们先看一个场景:你是公司销售部的员工,你手里有公司最近几年的销售额相关的数据,经理希望你预测下个月的销售额.盯着一堆数据,你或许会想到画一张XY坐标图,然后将每个月份的销售额标定为一个坐标.但是下 ...
Echart绘制趋势图和柱状图总结
1.legend名字与series名字一样,即可联动,且不可手动去掉联动效果 2.通过legend图例联动,隐藏绘制图线后,对应( yAxisIndex: 1)坐标y轴如果没有同时设置min和max的 ...
用python做自己主动化測试--绘制系统性能趋势图和科学计算
在性能測试中.我们常常须要画出CPU memory 或者IO的趋势图. 预计大学里.大多数人都学习过matlib, 领略了matlib绘图的强大. python提供了强大的绘图模块matplotlib ...
python3 读取txt文件数据，绘制趋势图，matplotlib模块
python3 读取txt文件数据,绘制趋势图 test1.txt内容如下: 时间/min cpu使用率/% 内存使用率/% 01/12-17:06 0.01 7.61 01/12-17:07 0.0 ...
matplotlib点线坐标刻度 3D图绘制(六)
plot语句中支持除X,Y以外的参数,以字符串形式存在,来控制颜色.线型.点型等要素,语法形式为: plt.plot(X, Y, 'format', ...) 1 点和线的样式颜色参数color或 ...
Android实现天气预报温度/气温折线趋势图
Android实现天气预报温度/气温折线趋势图天气预报的APP应用中,难免会遇到绘制天气温度/气温,等关于数据趋势的折线或者曲线图,这类关于气温/温度的折线图,通常会有两条线.一条是高温线,一 ...
矢量图绘制工具Svg-edit调整画布的大小
矢量图绘制工具Svg-edit调整画布的大小 ------------------------------ ------------------------
Matlab 语谱图(时频图)绘制与分析
Matlab 语谱图(时频图)绘制与分析语谱图:先将语音信号作傅里叶变换,然后以横轴为时间,纵轴为频率,用颜色表示幅值即可绘制出语谱图.在一幅图中表示信号的频率.幅度随时间的变化,故也称" ...

随机推荐

【Luogu】P2051中国象棋（DP）
题目链接去看STDCALL的题解吧 #include<cstdio> #include<cctype> #define mod 9999973 inline long lon ...
POJ 1125 Stockbroker Grapevine【floyd】
很裸的floyd #include<cstdio> #include<string.h> #include<algorithm> #define maxn 201 ...
BZOJ1923 [Sdoi2010]外星千足虫【高斯消元】
题目输入格式第一行是两个正整数 N, M. 接下来 M行,按顺序给出 Charles 这M次使用"点足机"的统计结果.每行包含一个"01"串和一个数字,用 ...
算法复习——trie树（poj2001）
题目: 题目描述给出 n 个单词(1<=n<=1000),求出每个单词的非公共前缀,如果没有,则输出自己. 输入格式输入 N 个单词,每行一个,每个单词都是由 1-20 个小写字母构成 ...
COdevs 1074 食物链
1074 食物链 2001年NOI全国竞赛时间限制: 3 s 空间限制: 64000 KB 题目等级 : 钻石 Diamond 题目描述 Description 动物王国中有三类动物 A,B,C, ...
频繁项挖掘算法Apriori和FGrowth
一:背景介绍最近在公司用spark的平台做了一个购物车的推荐,用到的算法主要是FGrowth算法,它是Apriori算法的升级版,算法的主要目的是找出频繁进行一起购买的商品.本文主要介绍两个算法的背 ...
noj 2069 赵信的往事 [yy题无限gcd]
njczy2010 2069 Accepted 31MS 224K 1351Byte G++ 2014-11-13 13:32:56.0 坑爹的无限gcd,,,尼玛想好久,原来要x对y算一次,y再 ...
Laravel 中视图中使用PHP代码
{{ $name }}{{ date('Y-m-d H:i:s',time()) }}{{ in_array($name,$arr)?'true':'false' }} {{ isset($name) ...
JS基础之BOM对象
BOM 对象 JavaScript分为 ECMAScript,DOM,BOM. BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其 ...
【编码】封装RedisPubSub工具
基本介绍核心原理:利用Redis的List列表实现,发布事件对应rpush,订阅事件对应lpop 问题一:Redis不是自带Pub/Sub吗? redis自带的pub/sub有两个问题: 1.如果发 ...

VC实现趋势图绘制

VC实现趋势图绘制的更多相关文章

随机推荐

热门专题