DUMMY
Tech Note
Tech Note
자료 참고 안내 1. 본 자료실의 모든 자료 저작권은 ㈜에이치앤에스에 있습니다.

본 자료는 개발하시는데 참고자료 용도로 사용하실 수 있으며 저작권 표시 없이 복사,게재, 출판 하실 수 없습니다. 외부 게재 사용 시 반드시 출처 항목에 회사명과 사이트 주소를 반드시 명시해 주시기 바랍니다.
[표기 예] 출처 : ㈜에이치앤에스(www.hnsts.co.kr) 또는 ㈜HNS(www.hnsts.co.kr)

2. 제품 개발 시 내용과 예제 코드는 수정 및 검증작업을 직접 하셔야 하며 문제 발생에 대한 책임은 ㈜HNS사와 무관합니다.

본사는 자료를 최신내용으로 유지하기 위해 노력하고 있으며 제공되는 정보의 오류 및 내용이 정확하지 않을 경우 사전 공지 없이 업데이트 될 수 있습니다. 자료의 문제점 발견 시 본사로 문의주시면 검토하여 자료를 수정하도록 하겠습니다.

이전 목록 다음
[C#, VB.NET] SmartDraw로 차트의 X축 Scroll(과거 데이터 보기) 기능, X축 커서 기능 구현 예제
작성일 2016-02-04 수정일 2022-10-06 조회수 2531
분류 SmartX Framework
적용
플랫폼
키워드 스마트드로우 차트 구현, SMARTDRAWCHARTE
첨부파일 TechNote24_Example.zip

본 자료는
1.히스토리 데이터 차트 구현 방법
1-1. 갱신 모드
 1-2. 과거(이전) 데이터 조회 모드
 2. 차트 구현을 위한 주요 인터페이스 기능 설명
3. X축 Scroll(과거 데이터 보기) 기능 구현 예제
순서로 진행합니다.

SmartDraw를 활용하여 차트 구현 시 X축 Scroll(과거 데이터 보기) 기능, X축 커서 기능 등이 제공되지 않아 차트 사용 시 불편함이 존재하였습니다. 본 문서는 이러한 기능을 구현하는 방법을 제시하고 있습니다.


SmartDraw로 구현한 차트의 X축 Scroll 기능 영상


1. 히스토리 데이터 차트 구현 방법

히스토리 데이터 차트를 구현하기 위해서는 발생되는 데이터를 표현하고 내부 버퍼에 저장하기 위한 갱신 모드와 과거(이전) 데이터를 조회하기 위한 모드의 구현이 필요합니다.


1-1. 갱신 모드

갱신 모드는 데이터 발생 시 차트(화면)에 즉시 표현(갱신)하고, 내부의 버퍼에 저장하기 위한 모드입니다. 즉, 차트의 진행이 화면에 표현되어 데이터의 변화를 직접 확인할 수 있습니다. 본 예제에서는 발생되는 데이터를 화면에 빠르게 표시하기 위해 데이터가 발생될 때마다 PutData() 메소드를 호출하고, m_listChartDatas 배열에 데이터를 저장하도록 작성되어 있습니다. 아래 그림과 첨부된 예제의 소스 코드를 확인하시기 바랍니다.


1-2. 과거(이전) 데이터 조회 모드

과거(이전) 데이터 조회 모드는 갱신 모드에서 저장한 내부의 버퍼에 저장된 데이터를 차트(화면)에 표시해 조회하기 위한 모드입니다. 즉, 화면에 데이터의 변화를 표현할 필요가 없으며, 저장된 과거의 데이터를 일괄로 빠르게 표현해야 합니다. 본 예제에서는 과거의 데이터를 일괄로 차트 전체에 표시하기 위해 반복문을 통해 화면에 표현할 데이터 수만큼 m_listChartDatas 배열의 데이터를 PutData() 메소드를 통해 차트 버퍼에 저장 후 ChartNowDraw() 메소드를 호출해 화면에 일괄로 표시하도록 작성되어있습니다. 아래 그림과 첨부된 예제의 소스 코드를 확인하시기 바랍니다.


2. 차트 구현을 위한 주요 인터페이스 기능 설명

본 문서의 예제는 SmartDraw를 사용해 구현하였으며, 부가 기능 구현을 이해하기 위해서 반드시 SmartDraw의 관련 인터페이스를 먼저 학습해야합니다.

참고 본 문서의 인터페이스 설명은 요약되었으며, 자세한 내용은 "자료실 > SmartX Framework 관련 > 3. SmartX Framework 프로그래밍 가이드 > SmartDraw" 내용을 참고하시기 바랍니다.

인터페이스명 Chart.SetChartConfig() 구분 메서드
설명 Chart를 그리기 위해 Chart 관련 파라미터를 설정합니다.
C# 사용법 // Chart의 원점 : (10, 260), 크기 : 630 X 270, X좌표 증가값 : 3, 스크롤 방식 : Left
// 인자 생략 시 폼 디자이너 속성창에서 설정한 값으로 적용
smartDraw1.Chart.SetChartConfig(10, 260, 630, 270, 3, SmartDraw.CHARTREFRESH.LEFTSCROLL);
인터페이스명 Chart.SetChartConfig() 구분 메서드
설명 Chart를 그리기 위해 Chart 관련 파라미터를 설정합니다.
C# 사용법 // Chart의 원점 : (10, 260), 크기 : 630 X 270, X좌표 증가값 : 3, 스크롤 방식 : Left
// 인자 생략 시 폼 디자이너 속성창에서 설정한 값으로 적용
smartDraw1.Chart.SetChartConfig(10, 260, 630, 270, 3, SmartDraw.CHARTREFRESH.LEFTSCROLL);

인터페이스명 Chart.PutData() 구분 메서드
설명 Chart를 그리기 위해 Chart 데이터를 입력합니다.
C# 사용법 // Chart Channel이 3개인 경우 3개의 인자를 설정
// Ch1 = iVal1, Ch2 = iVal2, Ch3 = iVal3
smartDraw1.Chart.PutData(iVal1, iVal2, iVal3);
인터페이스명 Chart.PutData() 구분 메서드
설명 Chart를 그리기 위해 Chart 데이터를 입력합니다.
C# 사용법 // Chart Channel이 3개인 경우 3개의 인자를 설정
// Ch1 = iVal1, Ch2 = iVal2, Ch3 = iVal3
smartDraw1.Chart.PutData(iVal1, iVal2, iVal3);

인터페이스명 Chart.ChartDrawStep 구분 속성
설명 화면에 새로 추가된 데이터를 적용하기 위한 Putdata() 메소드의 호출 빈도를 설정합니다. 이 속성을 활용하면 빈번한 데이터의 추가로 화면의 갱신에 따른 성능의 문제를 해결할 수 있으며, Chart의 표현방식에 따라 ChartDrawStep 속성값을 조절하여 최적화된 Chart를 표현할 수 있습니다. 기본 설정값은 1입니다.
C# 사용법 // PutData() 메소드가 10번 호출될 때마다 화면에 추가된 데이터를 반영(Chart 화면 갱신)하고
// 내부 버퍼를 삭제합니다.
smartDraw1.Chart.ChartDrawStep = 10;
인터페이스명 Chart.ChartDrawStep 구분 속성
설명 화면에 새로 추가된 데이터를 적용하기 위한 PutData() 메소드의 호출 빈도를 설정합니다. 이 속성을 활용하면 빈번한 데이터의 추가로 화면의 갱신에 따른 성능의 문제를 해결할 수 있으며, Chart의 표현방식에 따라 ChartDrawStep 속성값을 조절하여 최적화된 Chart를 표현할 수 있습니다. 기본 설정값은 1입니다.
C# 사용법 // PutData() 메소드가 10번 호출될 때마다 화면에 추가된 데이터를 반영(Chart 화면 갱신)하고
// 내부 버퍼를 삭제합니다.
smartDraw1.Chart.ChartDrawStep = 10;

참고 ChartDrawStep 속성값에 따른 차트 데이터 반영 예시

* ChartDrawStep 1인 경우
* ChartDrawStep 2인 경우
* ChartDrawStep 5인 경우

인터페이스명 Chart.ChartNowDraw() 구분 메서드
설명 ChartDrawStep 값에 상관없이 즉시 데이터를 반영(Chart 화면 갱신)하고 내부 버퍼를 삭제합니다.
C# 사용법 // 내부에 저장되어 있는 데이터들로 Chart를 즉시 새로 그리게 합니다.
 smartDraw1.Chart.ChartNowDraw();
인터페이스명 Chart.ChartNowDraw() 구분 메서드
설명 ChartDrawStep 값에 상관없이 즉시 데이터를 반영(Chart 화면 갱신)하고 내부 버퍼를 삭제합니다.
C# 사용법 // 내부에 저장되어 있는 데이터들로 Chart를 즉시 새로 그리게 합니다.
 smartDraw1.Chart.ChartNowDraw();

참고ChartNowDraw() 메소드 호출 시 동작 예시

만약 ChartDrawStep 속성값이 10일 때 내부 버퍼 5정도에서 ChartNowDraw() 메소드가 호출되는 경우, 설정된 ChartDrawStep 속성값에 상관없이, 즉시 데이터를 차트에 반영 및 갱신하고 내부 버퍼를 삭제합니다.

인터페이스명 Chart.PutDataAllClear() 구분 메서드
설명 현재 진행중인 Chart 내부의 모든 데이터를 삭제합니다. PutData가 내부 버퍼에 저장한 내용을 Clear 해줍니다. PutData 함수는 입력된 Chart의 데이터를 내부적으로 일정 수를 저장하고 있습니다. PutDataAllClear 함수는 저장된 데이터를 모두 삭제합니다.
C# 사용법 smartDraw1.Chart.PutDataAllClear();
인터페이스명 Chart.PutDataAllClear() 구분 메서드
설명 현재 진행중인 Chart 내부의 모든 데이터를 삭제합니다. PutData가 내부 버퍼에 저장한 내용을 Clear 해줍니다. PutData 함수는 입력된 Chart의 데이터를 내부적으로 일정 수를 저장하고 있습니다. PutDataAllClear 함수는 저장된 데이터를 모두 삭제합니다.
C# 사용법 smartDraw1.PutDataAllClear();

참고PutDataAllClear() 메소드 호출 시 동작 예시

만약 ChartDrawStep 속성값이 10일 때 내부 버퍼 5정도에서 PutDataAllClear() 메소드가 호출되는 경우, 내부 버퍼에 저장된 데이터를 모두 삭제하고 새로 데이터를 저장할 수 있게 합니다.

3. X축 Scroll(과거 데이터 보기) 기능 예제
참고본 항목에서는 첨부된 예제의 인터페이스에 대한 동작을 설명하였으며, 자세한 코드는 첨부된 예제의 소스 코드를 참고하시기 바랍니다.

① StartDrawing 버튼 : 차트에 랜덤한 값을 그리기 시작합니다.
② StopDrawing 버튼 : 차트 그리기를 중지합니다.
③ 차트 영역 : 차트가 그려지는 영역으로, 좌측에서 우측으로 그려집니다. 차트가 그려질수록 X축의 레이블값이 증가합니다.
④ Track Bar : 차트의 원하는 부분(History)을 확인할 수 있습니다.
⑤ 터치 Index / Y값 : 차트 영역(③)의 특정 위치 클릭 시, 클릭한 차트의 좌표와 Y축 값이 표시됩니다.
⑥ Close 버튼 : X축 Scroll(과거 데이터 보기)기능 예제 프로그램 닫기

C# 예제코드
소스 코드는 참고 및 학습용으로 버그 및 여러 가지 문제가 있을 수 있습니다.

// 차트에서 보여지는 좌표상의 시작값
private int m_iStart;
// 하단 X축 Scroll 값
private int m_iXIncVal;
// Random 메서드 생성. 무작위값을 대입하여 차트를 그려주기
private Random m_rdChartVal;
// 목록의 검색, 정렬 및 조작에 사용할 수 있는 메서드를 제공
private List<int> m_listChartDatas;

private void Form1_Load(object sender, EventArgs e)
{
// 현재 Form을 MainForm으로 설정합니다.
smartForm1.MainForm = this;

// 차트 기본 설정. 폼 디자이너 속성창에서 설정했기 때문에 인자는 생략
smartDraw1.Chart.SetChartConfig();
// Chart가 그려질 영역에 격자 이미지를 BackLayer에 그리기
smartDraw1.BackLayer.ImageDraw(Resource1.ChartGrid, 0, 0);

smartDraw2.SetFont(16, Color.White);

for (int i = 0; i < 5; i++)
{
smartDraw2.TextOut(5, 210 - (i * 50), ((i + 1) * 50).ToString());
}

// 차트를 그리기 시작하면 이전 History를 보기 위해 좌측으로 이동해야 하므로 TrackBar의 BarButton을 우측으로 이동
smartTrackBar1.ValuePercent = 100;

// 멤버 변수 초기화
m_iStart = 0;
m_iXIncVal = 0;
m_rdChartVal = new Random();
m_listChartDatas = new List<int>();

// 하단 X축 SCROLL에 최초 X좌표값 표시
XScroll_Print();
}

// Start 버튼. 차트 그리기 시작
private void btnDrawStart_Click(object sender, EventArgs e)
{
// 클릭 좌표 라인을 그린 뒤 Chart의 Line 색상이 변경되지 않게 하기위한 PenStyle 지정
smartDraw1.SetPenStyle(Color.White, 1);
smartTimer1.Start();
}

private void smartTimer1_Tick(object sender, EventArgs e) {
int iRVal;

// 0 ~ 200 범위내의 랜덤한 정수를 반환
iRVal = m_rdChartVal.Next(0, 200);
// 차트 데이터가 50일 때마다 한번씩 그려줍니다.
if (m_listChartDatas.Count % 50 == 0)
{
XScroll_Print();

}
// List에 해당 값을 대입
m_listChartDatas.Add(iRVal);
// 배열이 0부터 시작하므로 -1
smartDraw1.Chart.PutData(m_listChartDatas[m_listChartDatas.Count - 1]);
}

private void smartTrackBar1_Click(object sender, EventArgs e)
{
smartTimer1.Stop();

// List의 Count가 0이 아닌, Count가 1이상인 경우
if (m_listChartDatas.Count != 0)
{
// 기존 그려진 차트 그래프에서 삭제
smartDraw1.Chart.PutDataAllClear();

// TrackBar가 100이라고 하면 TrackBar를 클릭할때 해당 위치가 90이면 현재 리스트의 카운트의 90%를 계산해줌
// ex) 리스트가 100이고 TrackBar의 90을 클릭하면 90/100 = 90%(TrackBar의 지점) x 리스트의 카운트를 하면 총 리스트의 90%의 값을 계산해줌
m_iStart = (int)((smartTrackBar1.ValuePercent / 100) * m_listChartDatas.Count);

// iStart값을 현재리스트의 카운트 값보다 적게 만들기위해
// ex) 현재 리스트 카운트가 100이고 iStart가 50보다 큰 60이라면 리스트 카운트는 110이 되어야 하므로
if ((m_iStart > m_listChartDatas.Count - (500 / 10)) && m_listChartDatas.Count >= 50)
{
// 현재 리스트 카운트값 - 50을 한값으로 iStart값을 초기화시킴
m_iStart = m_listChartDatas.Count - (500 / 10);
}
else {
if (m_listChartDatas.Count < 50)
{
// 현재 리스트 카운트 값이 50보다 작은 경우에는 -50을 해줄 필요 없음. X좌표의 초기값과 iStart는 동일값
m_iStart = 0;
}
}

// m_iStart 값부터 50개의 값을 그림
// 새로 그리는 빈도값을 설정. PutData값이 50번마다 그리기
// smartDraw1.ChartDrawStep = 500(Width) / 10(차트Cursor 간격)
// iStart 개수부터 iStart+50 개수만큼 반복
for (int i = m_iStart; i < (m_iStart + (500 / 10)); i++)
{
if (m_listChartDatas.Count > i)
{
// 리스트의 데이터 개수만큼 출력
smartDraw1.Chart.PutData(m_listChartDatas[i]);
}
}
// 갱신된 X좌표의 값으로 초기화
XScroll_Print();
// ChartDraw Step값에 상관없이 즉시 Chart를 다시 그리기
smartDraw1.Chart.ChartNowDraw();
}
}

private void smartDraw1_MouseDown(object sender, MouseEventArgs e)
{
int eX = 0;
eX = e.X;

// 차트의 특정좌표값을 터치시마다 기존 라인 삭제
smartDraw1.Erase();
smartTrackBar1_Click(sender, e);

// 데이터가 50개 미만 && 사용자 터치 CursorX가 차트 데이터가 표시하는 CursorX보다 큰 경우. 그리는 부분을 제외한 영역을 터치한 경우
if ((m_listChartDatas.Count < 50) && (m_listChartDatas.Count * 10 < eX))
{
smartTimer1.Stop();
}
else
{
smartDraw1.SetPenStyle(Color.Red, 1);

// LINE의 X값 불러오기. if X가 10의 단위가 아닌경우. 10으로 끊어줘야함.
// 10으로 나눔. 반올림. 10을 곱함
eX /= 10;
Math.Ceiling(eX);

// 현재 그려진 좌표의 개수가 50개를 넘어서면 터치된 좌표값에서 iStart만큼 더해서 표시됨
if (m_listChartDatas.Count > 50)
{
// 터치한 e.X에 해당하는 m_listChartDatas.Count의 X좌표를 표시
// iStart값은 m_listChartDatas.Count에서 -50을 한값
labXIndex.Text = ((eX) + m_iStart).ToString();
labYIndex.Text = m_listChartDatas[(eX) + m_iStart].ToString();
}
else
{
labXIndex.Text = eX.ToString();
labYIndex.Text = m_listChartDatas[eX].ToString();
}
// LINE 그리기
smartDraw1.Line(eX * 10, 0, eX * 10, 250);
}
btnDrawStart.ButtonUp();
btnDrawStop.ButtonDown();
}

private void XScroll_Print()
{
// 50보다 작은 경우 X좌표의 시작점은 0
if (m_listChartDatas.Count < 50)
{
m_iXIncVal = 0;
}
// 50보다 큰 경우
else
{
// SmartTimer가 정지라면
if (smartTimer1.IsStart == false)
{
// SmartTimer가 시작
m_iXIncVal = m_iStart;
}
}

// smartDraw1(실제 그래프)이 smartDraw2(Y축 레이블표시)에 비해 우측으로 25정도 위치
int iXCoord = 30;

smartDraw2.SetPenStyle(Color.Black, 0);
smartDraw2.SetBrushStyle(Color.Black);
smartDraw2.Rectangle(30, 270, 520, 20);
// X축(Scale) 레이블 초기화
smartDraw2.BackLayer.Rectangle(25, 260, 550, 20);

for (int i = 0; i < 10; i++)
{
// 현재 X좌표에서 50만큼 우측으로 표시
iXCoord += 50;
// 차트 하단의 X좌표의 +5씩 증가값
m_iXIncVal += 5;
// TextOut 메서드로 X축 Scroll에 표시되는 문자 출력
smartDraw2.TextOut(iXCoord, 270, m_iXIncVal.ToString());
}
}
VB.NET 예제코드
소스 코드는 참고 및 학습용으로 버그 및 여러 가지 문제가 있을 수 있습니다.

' 차트에서 보여지는 좌표상의 시작값
Private m_iStart As Integer
' 하단 X축 Scroll 값
Private m_iXIncVal As Integer
' Random 메서드 생성. 무작위값을 대입하여 차트를 그려주기
Private m_rdChartVal As Random
' 목록의 검색, 정렬 및 조작에 사용할 수 있는 메서드를 제공
Private m_listChartDatas As List(Of Integer)

Private Sub Form1_Load(ByVal sender As Object, ByVal e As EventArgs) Handles MyBase.Load
' 현재 Form을 MainForm으로 설정합니다.
SmartForm1.MainForm = Me

' 차트 기본 설정. 폼 디자이너 속성창에서 설정했기 때문에 인자는 생략
smartDraw1.Chart.SetChartConfig()
' Chart가 그려질 영역에 격자 이미지를 BackLayer에 그리기
smartDraw1.BackLayer.ImageDraw(Resource1.ChartGrid, 0, 0)

smartDraw2.SetFont(16, Color.White)

For i As Integer = 0 To 4
smartDraw2.TextOut(5, 210 - (i * 50), ((i + 1) * 50).ToString())
Next

' 차트를 그리기 시작하면 이전 History를 보기 위해 좌측으로 이동해야 하므로 TrackBar의 BarButton을 우측으로 이동
smartTrackBar1.ValuePercent = 100

' 멤버 변수 초기화
m_iStart = 0
m_iXIncVal = 0
m_rdChartVal = New Random()
m_listChartDatas = New List(Of Integer)()

' 하단 X축 SCROLL에 최초 X좌표값 표시
XScroll_Print()
End Sub

' Start 버튼. 차트 그리기 시작
Private Sub btnDrawStart_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnDrawStart.Click
' 클릭 좌표 라인을 그린 뒤 Chart의 Line 색상이 변경되지 않게 하기위한 PenStyle 지정
smartDraw1.SetPenStyle(Color.White, 1)
SmartTimer1.Start()
End Sub

Private Sub smartTimer1_Tick(ByVal sender As Object, ByVal e As EventArgs) Handles SmartTimer1.Tick
Dim iRVal As Integer

' 0 ~ 200 범위내의 랜덤한 정수를 반환
iRVal = m_rdChartVal.Next(0, 200)
' 차트 데이터가 50일 때마다 한번씩 그려줍니다.
If m_listChartDatas.Count Mod 50 = 0 Then
XScroll_Print()
End If
' List에 해당 값을 대입
m_listChartDatas.Add(iRVal)
' 배열이 0부터 시작하므로 -1
smartDraw1.Chart.PutData(m_listChartDatas(m_listChartDatas.Count - 1))
End Sub

Private Sub smartTrackBar1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles smartTrackBar1.Click
SmartTimer1.Stop()

' List의 Count가 0이 아닌, Count가 1이상인 경우
If m_listChartDatas.Count <> 0 Then
' 기존 그려진 차트 그래프에서 삭제
smartDraw1.Chart.PutDataAllClear()

' TrackBar가 100이라고 하면 TrackBar를 클릭할때 해당 위치가 90이면 현재 리스트의 카운트의 90%를 계산해줌
' ex) 리스트가 100이고 TrackBar의 90을 클릭하면 90/100 = 90%(TrackBar의 지점) x 리스트의 카운트를 하면 총 리스트의 90%의 값을 계산해줌
m_iStart = CInt(((smartTrackBar1.ValuePercent / 100) * m_listChartDatas.Count))

' iStart값을 현재리스트의 카운트 값보다 적게 만들기위해
' ex) 현재 리스트 카운트가 100이고 iStart가 50보다 큰 60이라면 리스트 카운트는 110이 되어야 하므로
If (m_iStart > m_listChartDatas.Count - (500 / 10)) AndAlso m_listChartDatas.Count >= 50 Then
' 현재 리스트 카운트값 - 50을 한값으로 iStart값을 초기화시킴
m_iStart = m_listChartDatas.Count - (500 / 10)
Else
If m_listChartDatas.Count < 50 Then
' 현재 리스트 카운트 값이 50보다 작은 경우에는 -50을 해줄 필요 없음. X좌표의 초기값과 iStart는 동일값
m_iStart = 0
End If
End If

' m_iStart 값부터 50개의 값을 그림
' 새로 그리는 빈도값을 설정. PutData값이 50번마다 그리기
' smartDraw1.ChartDrawStep = 500(Width) / 10(차트Cursor 간격)
' iStart 개수부터 iStart+50 개수만큼 반복
For i As Integer = m_iStart To (m_iStart + (500 / 10)) - 1
If m_listChartDatas.Count > i Then
' 리스트의 데이터 개수만큼 출력
smartDraw1.Chart.PutData(m_listChartDatas(i))
End If
Next

' 갱신된 X좌표의 값으로 초기화
XScroll_Print()
' ChartDraw Step값에 상관없이 즉시 Chart를 다시 그리기
smartDraw1.Chart.ChartNowDraw()
End If
End Sub

Private Sub smartDraw1_MouseDown(ByVal sender As Object, ByVal e As MouseEventArgs) Handles smartDraw1.MouseDown
Dim eX As Integer = 0
eX = e.X

' 차트의 특정좌표값을 터치시마다 기존 라인 삭제
smartDraw1.Erase()
smartTrackBar1_Click(sender, e)

' 데이터가 50개 미만 && 사용자 터치 CursorX가 차트 데이터가 표시하는 CursorX보다 큰 경우. 그리는 부분을 제외한 영역을 터치한 경우
If (m_listChartDatas.Count < 50) AndAlso (m_listChartDatas.Count * 10 < eX) Then
SmartTimer1.Stop()
Else
smartDraw1.SetPenStyle(Color.Red, 1)

' LINE의 X값 불러오기. if X가 10의 단위가 아닌경우. 10으로 끊어줘야함.
' 10으로 나눔. 반올림. 10을 곱함
eX /= 10
Math.Ceiling(eX)

' 현재 그려진 좌표의 개수가 50개를 넘어서면 터치된 좌표값에서 iStart만큼 더해서 표시됨
If m_listChartDatas.Count > 50 Then
' 터치한 e.X에 해당하는 m_listChartDatas.Count의 X좌표를 표시
' iStart값은 m_listChartDatas.Count에서 -50을 한값
labXIndex.Text = ((eX) + m_iStart).ToString()
labYIndex.Text = m_listChartDatas((eX) + m_iStart).ToString()
Else
labXIndex.Text = eX.ToString()
labYIndex.Text = m_listChartDatas(eX).ToString()
End If
' LINE 그리기
smartDraw1.Line(eX * 10, 0, eX * 10, 250)
End If

btnDrawStart.ButtonUp()
btnDrawStop.ButtonDown()
End Sub

Private Sub XScroll_Print()
If m_listChartDatas.Count < 50 Then
' 50보다 작은 경우 X좌표의 시작점은 0
m_iXIncVal = 0
Else
' 50보다 큰 경우
' SmartTimer가 정지라면
If SmartTimer1.IsStart = False Then
' 50보다 큰 경우
m_iXIncVal = m_iStart
End If
End If

' smartDraw1(실제 그래프)이 smartDraw2(Y축 레이블표시)에 비해 우측으로 25정도 위치
Dim iXCoord As Integer = 30

smartDraw2.SetPenStyle(Color.Black, 0)
smartDraw2.SetBrushStyle(Color.Black)
smartDraw2.Rectangle(30, 270, 520, 20)
' X축(Scale) 레이블 초기화
smartDraw2.BackLayer.Rectangle(25, 260, 550, 20)

For i As Integer = 0 To 9
' 현재 X좌표에서 50만큼 우측으로 표시
iXCoord += 50
' 차트 하단의 X좌표의 +5씩 증가값
m_iXIncVal += 5
' 50보다 큰 경우
smartDraw2.TextOut(iXCoord, 270, m_iXIncVal.ToString())
Next
End Sub
참고항목
SmartDraw

자료실 > SmartX Framework 관련 > Reference Guide > Part 2. 사용자 인터페이스(UI) 컴포넌트 > 19. SmartDraw
맨 위로
팝업닫기

(주)에이치앤에스('http://hnsts.co.kr/'이하 '(주)에이치앤에스 웹사이트')는 개인정보보호법에 따라 이용자의 개인정보 보호 및 권익을 보호하고 개인정보와 관련한 이용자의 고충을 원활하게 처리할 수 있도록 다음과 같은 처리방침을 두고 있습니다.

(주)에이치앤에스 웹사이트는 개인정보처리방침을 개정하는 경우 웹사이트 공지사항(또는 개별공지)을 통하여 공지할 것입니다.

○ 본 방침은 2011년 4월 1일부터 시행됩니다.

1. 개인정보의 처리 목적 (주)에이치앤에스 웹사이트는 개인정보를 다음의 목적을 위해 처리합니다. 처리한 개인정보는 다음의 목적 이외의 용도로는
사용되지 않으며 이용 목적이 변경될 시에는 사전동의를 구할 예정 입니다.
가. 민원사무 처리
민원인의 신원 확인, 민원사항 확인, 사실조사를 위한 연락 · 통지, 처리결과 통보 등을 목적으로 개인정보를 처리합니다.
2. 개인정보 파일 현황
1. 개인정보 파일명 : 고객의 소리
  • - 개인정보 항목 : 이메일, 휴대전화번호, 자택전화번호, 이름, 서비스 이용 기록, 접속 로그, 쿠키, 접속 IP 정보
  • - 수집방법 : 웹사이트
  • - 보유근거 : 이용자 동의
  • - 보유기간 : 3년
3. 개인정보의 제3자 제공에 관한 사항
① (주)에이치앤에스 웹사이트는 원칙적으로 이용자의 개인정보를 제1조에서 명시한 목적 범위 내에서 처리하며, 본래의 범위를 초과하여 처리하거나 제3자에게 제공하지 않습니다.
다만, 다음의 경우에는 개인정보를 제3자에게 제공할 수 있습니다.
  • – 이용자가 사전에 제3자 제공 및 공개에 동의한 경우
  • – 법령 등에 의해 제공이 요구되는 경우
  • – 서비스의 제공에 관한 계약의 이행을 위하여 필요한 개인정보로서 경제적/기술적인 사유로 통상의 동의를 받는 것이 현저히 곤란한 경우
  • – 개인을 식별하기에 특정할 수 없는 상태로 가공하여 이용하는 경우
4. 정보주체의 권리,의무 및 그 행사방법 이용자는 개인정보주체로서 다음과 같은 권리를 행사할 수 있습니다.
① 정보주체는 (주)에이치앤에스 웹사이트에 대해 언제든지 다음 각 호의 개인정보 보호 관련 권리를 행사할 수 있습니다.
  • 1. 개인정보 열람요구
  • 2. 오류 등이 있을 경우 정정 요구
  • 3. 삭제요구
  • 4. 처리정지 요구
② 제1항에 따른 권리 행사는 (주)에이치앤에스 웹사이트에 대해 개인정보 보호법 시행규칙 별지 제8호 서식에 따라 서면, 전자우편, 모사전송(FAX) 등을 통하여 하실 수 있으며 (주)에이치앤에스 웹사이트는
이에 대해 지체 없이 조치하겠습니다.
③ 정보주체가 개인정보의 오류 등에 대한 정정 또는 삭제를 요구한 경우에는 (주)에이치앤에스 웹사이트는 정정 또는 삭제를 완료할 때까지 당해 개인정보를 이용하거나 제공하지 않습니다.
④ 제1항에 따른 권리 행사는 정보주체의 법정대리인이나 위임을 받은 자 등 대리인을 통하여 하실 수 있습니다. 이 경우 개인정보 보호법 시행규칙 별지 제11호 서식에 따른 위임장을
제출하셔야 합니다.
5. 제3자에게의 개인정보 제공
① (주)에이치앤에스 웹사이트는 다음의 개인정보 항목을 처리하고 있습니다.
<민원사무 처리>
– 필수항목 : 이름, 휴대전화번호, 자택전화번호, 이메일, 서비스 이용 기록, 접속로그, 쿠키, 접속IP 정보
6. 개인정보의 파기
(주)에이치앤에스 웹사이트는 원칙적으로 개인정보 처리목적이 달성된 경우에는 지체없이 해당 개인정보를 파기합니다. 파기의 절차, 기한 및 방법은 다음과 같습니다.
  • –파기절차 이용자가 입력한 정보는 목적 달성 후 별도의 DB에 옮겨져(종이의 경우 별도의 서류) 내부 방침 및 기타 관련 법령에 따라 일정기간 저장된 후 혹은 즉시 파기됩니다. 이 때, DB로 옮겨진 개인정보는 법률에 의한 경우가 아니고서는 다른 목적으로 이용되지 않습니다.-파기기한이용자의 개인정보는 개인정보의 보유기간이 경과된 경우에는 보유기간의 종료일로부터 5일 이내에, 개인정보의 처리 목적 달성, 해당 서비스의 폐지, 사업의 종료 등 그 개인정보가 불필요하게 되었을 때에는 개인정보의 처리가 불필요한 것으로 인정되는 날로부터 5일 이내에 그 개인정보를 파기합니다.
  • –파기방법 전자적 파일 형태의 정보는 기록을 재생할 수 없는 기술적 방법을 사용합니다. 종이에 출력된 개인정보는 분쇄기로 분쇄하거나 소각을 통하여 파기합니다.
7. 개인정보의 안전성 확보 조치
(주)에이치앤에스 웹사이트는 개인정보보호법 제29조에 따라 다음과 같이 안전성 확보에 필요한 기술적/관리적 및 물리적 조치를 하고 있습니다.
1. 정기적인 자체 감사 실시
개인정보 취급 관련 안정성 확보를 위해 정기적(분기 1회)으로 자체 감사를 실시하고 있습니다.
2. 개인정보 취급 직원의 최소화 및 교육
개인정보를 취급하는 직원을 지정하고 담당자에 한정시켜 최소화 하여 개인정보를 관리하는 대책을 시행하고 있습니다.
3. 내부관리계획의 수립 및 시행
개인정보의 안전한 처리를 위하여 내부관리계획을 수립하고 시행하고 있습니다.
4. 해킹 등에 대비한 기술적 대책
(주)에이치앤에스 웹사이트는 해킹이나 컴퓨터 바이러스 등에 의한 개인정보 유출 및 훼손을 막기 위하여 보안프로그램을 설치하고 주기적인 갱신·점검을 하며 외부로부터 접근이 통제된 구역에
시스템을 설치하고 기술적/물리적으로 감시 및 차단하고 있습니다.
5. 개인정보의 암호화
이용자의 개인정보는 비밀번호는 암호화 되어 저장 및 관리되고 있어, 본인만이 알 수 있으며 중요한 데이터는 파일 및 전송 데이터를 암호화 하거나 파일 잠금 기능을 사용하는 등의
별도 보안기능을 사용하고 있습니다.
6. 접속기록의 보관 및 위변조 방지
개인정보처리시스템에 접속한 기록을 최소 6개월 이상 보관, 관리하고 있으며, 접속 기록이 위변조 및 도난, 분실되지 않도록 보안기능 사용하고 있습니다.
7. 개인정보에 대한 접근 제한
개인정보를 처리하는 데이터베이스시스템에 대한 접근권한의 부여,변경,말소를 통하여 개인정보에 대한 접근통제를 위하여 필요한 조치를 하고 있으며 침입차단시스템을 이용하여
외부로부터의 무단 접근을 통제하고 있습니다.
8. 문서보안을 위한 잠금장치 사용
개인정보가 포함된 서류, 보조저장매체 등을 잠금장치가 있는 안전한 장소에 보관하고 있습니다.
9. 비인가자에 대한 출입 통제
개인정보를 보관하고 있는 물리적 보관 장소를 별도로 두고 이에 대해 출입통제 절차를 수립, 운영하고 있습니다.
8. 개인정보 보호책임자 작성
① (주)에이치앤에스 웹사이트는 개인정보 처리에 관한 업무를 총괄해서 책임지고, 개인정보 처리와 관련한 정보주체의 불만처리 및 피해구제 등을 위하여 아래와 같이 개인정보 보호책임자를
지정하고 있습니다.
▶ 개인정보 보호책임자
성명 : 김진효
소속 : (주)에이치앤에스
전화번호 : 02-6402-8001
이메일 : hns@hnsts.co.kr
② 정보주체께서는 (주)에이치앤에스 웹사이트의 서비스(또는 사업)을 이용하시면서 발생한 모든 개인정보 보호 관련 문의, 불만처리, 피해구제 등에 관한 사항을 개인정보 보호책임자 및
담당부서로 문의하실 수 있습니다. (주)에이치앤에스 웹사이트는 정보주체의 문의에 대해 지체 없이 답변 및 처리해드릴 것입니다.
9. 개인정보침해 구제방법
정보주체는 개인정보침해로부터 구제받고자 하는 경우 다음과 같은 기관에 도움을 요청할 수 있습니다.
▶ 개인정보 침해신고센터 (한국인터넷진흥원 운영)
– 소관업무 : 개인정보 침해사실 신고, 상담 신청
– 홈페이지 : privacy.kisa.or.kr
– 전화 : (국번없이) 118
– 주소 : (138-950) 서울시 송파구 중대로 135 한국인터넷진흥원 개인정보침해신고센터
▶ 개인정보 분쟁조정위원회 (한국인터넷진흥원 운영)
– 홈페이지 : privacy.kisa.or.kr
– 전화 : (국번없이) 118
– 주소 : (138-950) 서울시 송파구 중대로 135 한국인터넷진흥원 개인정보침해신고센터
10. 개인정보 처리방침 변경
① 이 개인정보처리방침은 시행일로부터 적용되며, 법령 및 방침에 따른 변경내용의 추가, 삭제 및 정정이 있는 경우에는 변경사항의 시행 7일 전부터 공지사항을 통하여 고지할
것입니다.
팝업닫기

본 웹사이트에 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단으로 수집되는 것을 거부하며, 이를 위반시 정보통신망법에 의해 형사처벌됨을 유념하시기 바랍니다.

게시일 : 2011.4.1