[MFC] 정적인 그래프 그리기.

정적 그래프를 처음해보기때문에 차근차근 진행해보도록 하겠다.

직접그려볼까 객체들을 찾아보다가 인터넷에 제공되는 API를 발견하였다.

 http://blog.tcltk.co.kr/?p=962 사이트에서

Chart Director를 알게되었다.

ChartDirector 홈페이지

  http://www.advsofteng.com/index.html

해당 홈페이지로 접속하셔서 Chart Demo 및 문서를 다운 받을 수 있다.

32bit 자료를 다운 받았다.

다운 받은 파일을 압축해제하면 아래와 같이 폴더 구성을 하고 있다.

 [cppdemo] : c++로 제작 된 chart 예제

 [doc] : 라이브러리 사용법이 들어있는 설명서

 [include] : Chart를 사용하기 위한 라이브러리 소스코드

 [lib] : 컴파일을 하기 위한 lib 파일과 실행을 위한 chartdir60.dll 파일이 포함되어 있습니다.

 [mfcdemo] : mfc로 제작 된 chart 예제

 [qtdemo] :  qt로 제작 된 chart 예제

여기서 사용하기위한 [include] 와 [lib] 폴더를 사용할 프로젝트 폴더에 복사한다.

또 mfcdemo/mfcdemo/폴더에 있는 ChartViewer의 .cpp .h 파일도 프로젝트 폴더에 복사한다.

[프로젝트 속성] - C/C++ 에서 라이브러리 폴더를 추가해주고

Link 탭에서 chairtdir60.lib 를 추가해준다.

PicControl을 추가해주고 type을 Bitmap으로 변경해 준다.

이후 변수 추가는 CChartViewer m_ChartView로 추가 해주었다.

dlg.h 에 ChartViewer.h를 Include해주고

dlg.cpp 에 아래 코드를 추가 해준다.

//OnInitDialog() 에 추가해야할 소스코드 // TODO: Add extra initialization here // 차트에 필요한 데이터     double data0[] = {42, 49, 33, 38, 51, 46, 29, 41, 44, 57, 59, 52, 37, 34, 51, 56,         56, 60, 70, 76, 63, 67, 75, 64, 51};     double data1[] = {50, 55, 47, 34, 42, 49, 63, 62, 73, 59, 56, 50, 64, 60, 67, 67,         58, 59, 73, 77, 84, 82, 80, 84, 89};     double data2[] = {87, 89, 85, 66, 53, 39, 24, 21, 37, 56, 37, 22, 21, 33, 13, 17,         4, 23, 16, 25, 9, 10, 5, 7, 6};     const char *labels[] = {"0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10",         "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23",         "24"};     // Create a XYChart object of size 350 x 230 pixels     XYChart *c = new XYChart(350, 230); //차트의 전체 크기를 정한다     // Set the plotarea at (50, 30) and of size 250 x 150 pixels.     c->setPlotArea(50, 30, 250, 150); //차트위 위치와 높이 넓이를 정한다.     // Add a legend box at (55, 0) (top of the chart) using 8 pts Arial Font. Set     // background and border to Transparent.     c->addLegend(55, 0, false, "", 8)->setBackground(Chart::Transparent);     // Add a title to the x axis     c->xAxis()->setTitle("Network Load for Jun 12");     // Add a title to the y axis     c->yAxis()->setTitle("MBytes");     // Set the labels on the x axis.     c->xAxis()->setLabels(StringArray(labels, (int)(sizeof(labels) / sizeof(labels[0]))));     // Display 1 out of 2 labels on the x-axis. Show minor ticks for remaining     // labels.     c->xAxis()->setLabelStep(2, 1);     // Add three area layers, each representing one data set. The areas are drawn in     // semi-transparent colors.     c->addAreaLayer(DoubleArray(data2, (int)(sizeof(data2) / sizeof(data2[0]))),         0x808080ff, "Server #1", 3);     c->addAreaLayer(DoubleArray(data0, (int)(sizeof(data0) / sizeof(data0[0]))),         0x80ff0000, "Server #2", 3);     c->addAreaLayer(DoubleArray(data1, (int)(sizeof(data1) / sizeof(data1[0]))),         0x8000ff00, "Server #3", 3); m_chartView.setChart(c);  //m_chartView에 Chart를 보여주기 위한 코드

하... vs2013에 버그가 존재한다. 

Visual Studio 2013 버그 - error RC2108: expected numerical dialog constant ) 구글링을 해보니

첫 번째로, 임시 조치 방법으로는 아래와 같이 수동으로 코드를 바꿀 수 있습니다.   변경 전 (오류 발생)  CONTROL IDB_BITMAP1,IDC_STATIC,2,2,89,82,NOT WS_GROUP 변경 후 CONTROL IDB_BITMAP1, IDC_STATIC, "Static", SS_BITMAP, 2, 2, 89, 82, NOT WS_GROUP   두 번째로, Visual Studio 2013 Update 버전을 설치하면 됩니다.

라고 한다. 번거롭다.. 다시 이런 버그를 만나지 않기위해 차 후 업데이트를 해야겠다.

결과적으로

성공할 수 있다.