[VTK] MFC에서 VTK 2D Line Plot 사용하기

지난 포스팅에서는 MFC에서 VTK Bar Chart를 그려보는 작업을 보여드렸습니다.

[VTK] MFC에서 VTK 2D Bar 차트 사용하기

이번에는 Line Plot을 그리는 예제를 설명 드리겠습니다.

아래 링크는 VTK에서 제공하는 공식 예제 사이트입니다.

링크: https://lorensen.github.io/VTKExamples/site/Cxx

오늘 보여드릴 예제는 평소에 사용될 만한 도구 중 하나인 '점 그래프(Line Plot)'입니다.

<MFC Line Plot 예제>

먼저 예제는 아래 링크에서 확인할 수 있습니다.

링크: https://lorensen.github.io/VTKExamples/site/Cxx/Plotting/LinePlot/

실행 결과는 위 그림과 같은데요.

지난번 BarChart와 마찬가지로 마우스 이벤트가 등록되어 있어 이동, 확대/축소가 가능하며, 
사용자 입맛에 맞게 글자 크기, 색상, Tick 간격 등 모든 것을 변경할 수 있습니다.

자, 본격적으로 예제 만들기를 실습해 보겠습니다.
(핵심 부분만 설명합니다. 자세한 내용은 본문 하단의 예제 코드를 참고해주세요.)

먼저 Dialog 기반으로 프로젝트를 생성합니다.

Dialog 기반 프로젝트 생성하기.

그리고 MFC에서 VTK 사용을 위해 아래 링크를 참고하여 설정합니다.

[VTK] Visual Studio 2015 MFC에서 VTK 사용 준비하기

1. VTK 초기화

Main Dialog header 파일에 아래의 초기화 코드를 추가합니다.

#pragma once
#include <vtkAutoInit.h>

#define vtkRenderingCore_AUTOINIT 3(vtkRenderingOpenGL2,vtkInteractionStyle, vtkRenderingFreeType)
#define vtkRenderingContext2D_AUTOINIT 1(vtkRenderingContextOpenGL2)

#include <vtkRenderer.h>
#include <vtkRenderWindowInteractor.h>
#include <vtkInteractorStyleTrackballCamera.h>
#include <vtkRenderWindow.h>
#include <vtkSmartPointer.h>
#include <vtkChartXY.h>
#include <vtkTable.h>
#include <vtkPlot.h>
#include <vtkFloatArray.h>
#include <vtkContextView.h>
#include <vtkContextScene.h>
#include <vtkPen.h>

2. Picture Control에 그려질 vtkRenderWindow를 초기화합니다.

<Header File>

public :
	vtkNew<vtkRenderWindow> m_vtkRenderWindow;

	void InitializeVTKWindow(void* hWnd);
	void ResizeVTKWindow();

<Source File>

void CExampleLinePlotDlg::InitializeVTKWindow(void* hWnd)
{
	vtkNew<vtkRenderWindowInteractor> interactor;
	
	interactor->SetInteractorStyle(vtkSmartPointer<vtkInteractorStyleTrackballCamera>::New());

	vtkNew<vtkRenderer> renderer;
	renderer->SetBackground(0.1, 0.2, 0.3);

	m_vtkRenderWindow->SetParentId(hWnd);
	m_vtkRenderWindow->SetInteractor(interactor);
	m_vtkRenderWindow->AddRenderer(renderer);
	m_vtkRenderWindow->Render();
}

void CExampleLinePlotDlg::ResizeVTKWindow()
{
	CRect rc;
	GetDlgItem(IDC_PC_CHART)->GetClientRect(rc);
	m_vtkRenderWindow->SetSize(rc.Width(), rc.Height());
}

3. Button Event에 Chart data를 불러오는 코드를 정의합니다.

void CExampleLinePlotDlg::OnBnClickedBtnInitchart()
{
	// Create a table with some points in it
	vtkNew<vtkTable> table;

	vtkNew<vtkFloatArray> arrX;
	arrX->SetName("X Axis");
	table->AddColumn(arrX);

	vtkNew<vtkFloatArray> arrC;
	arrC->SetName("Cosine");
	table->AddColumn(arrC);

	vtkNew<vtkFloatArray> arrS;
	arrS->SetName("Sine");
	table->AddColumn(arrS);

	// Fill in the table with some example values
	int numPoints = 69;
	float inc = 7.5 / (numPoints - 1);
	table->SetNumberOfRows(numPoints);
	for (int i = 0; i < numPoints; ++i)
	{
		table->SetValue(i, 0, i * inc);
		table->SetValue(i, 1, cos(i * inc));
		table->SetValue(i, 2, sin(i * inc));
	}

	// Set up the view
	vtkNew<vtkContextView> view;
	view->GetRenderer()->SetBackground(1.0, 1.0, 1.0);

	// 추가
	view->SetRenderWindow(m_vtkRenderWindow);

	// Add multiple line plots, setting the colors etc
	vtkNew<vtkChartXY> chart;
	view->GetScene()->AddItem(chart);
	vtkPlot *line = chart->AddPlot(vtkChart::LINE);
	line->SetInputData(table, 0, 1);
	line->SetColor(0, 255, 0, 255);
	line->SetWidth(1.0);
	line = chart->AddPlot(vtkChart::LINE);
	line->SetInputData(table, 0, 2);
	line->SetColor(255, 0, 0, 255);
	line->SetWidth(5.0);

	// For dotted line, the line type can be from 2 to 5 for different dash/dot
	// patterns (see enum in vtkPen containing DASH_LINE, value 2):
#ifndef WIN32
	line->GetPen()->SetLineType(vtkPen::DASH_LINE);
#endif
	// (ifdef-ed out on Windows because DASH_LINE does not work on Windows
	//  machines with built-in Intel HD graphics card...)

	//view->GetRenderWindow()->SetMultiSamples(0);

	// Start interactor
	view->GetRenderWindow()->Render();
	view->GetInteractor()->Initialize();
	//view->GetInteractor()->Start();
}

자세한 내용은 첨부된 코드를 참고해주세요.

ExampleLinePlot.zip