enuSpace 그래픽 저작기 Trend 사용하기 (Trend)

enuSpace 그래픽 저작기 Trend 사용하기 (Trend)

통합 그래픽 Prototype 소프트웨어에서는 Chart의 생성 및 Chart 설정, Chart데이터 설정 등과 같은 Trend 기능을 제공한다.

Trend 생성

Trend의 생성은 Picture 화면에서 그래픽 편집기 상단 중앙에 위치한 “Chart”버튼을 클릭하여 화면에 원하는 크기로 드래그 하여 생성한다. 아래 그림은 Trend 생성 방법을 나타낸 것이다.

Trend 삭제

Trend 삭제를 위해서는 생성된 Trend를 선택한 후 키보드의 “Delete” 버튼을 누르면 Trend를 삭제 시킬 수 있다. 아래 그림은 Trend 삭제 방법을 나타낸 것이다.

Trend Element 생성

Trend를 선택 후 나타나는 리본메뉴에서 “Add Chart Element” 버튼 클릭하여 하위 메뉴를 선택하여 Element를 생성한다. 아래의 표는 하위 메뉴의 설명이다.

분류	항목	내용
하위 메뉴	Title	Title(제목)을 생성한다.
	Axis X	X axis(X축)을 생성한다.
	Axis Y	Y axis(Y축)을 생성한다.
	Grid	Grid(격자선)을 생성한다.
	Legend	Legend(범주)를 생성한다.

아래 그림은 Trend Element 생성 방법에 대해 나타낸 것이다.

Trend 속성 변경

생성한 Trend를 선택하고 속성 창에서 Layout, Trend Properties, Trend background, Trend AxisProperties 섹션을 찾아 속성을 변경한다. 아래의 표는 Trend 속성에 대한 설명이다.

분류	항목	내용
Layout	x	Trend의 x좌표
	y	Trend의 y좌표
	width	Trend 너비
	height	Trend 높이
Trend Properties	trend-flow	Trend를 동적으로 변경한다
	direction	동적 Trend가 흘러가는 방향을 결정
	subscale	Trend의 X축, Y축의 보조눈금 표시여부
	title-visible	Title의 표시여부
	legend-visible	Legend의 표시여부
	xaxis-visible	X축의 표시여부
	yaxis-visible	Y축의 표시여부
	grid-visible	Grid의 표시여부
Trend Background	fill	Trend의 배경색
	fill-opacity	Trend의 배경 투명도
	stroke	Trend 외곽선의 색상
	stroke-opacity	Trend 외곽선의 투명도
	stroke-width	Trend 외곽선의 굵기
	stroke-linejoin	Trend 외곽선의 꼭지점부분의 모양
	stroke-dasharray	Trend 외곽선의 스타일
Trend Axis Properties	xview-min	X축의 최소값
	xview-max	X축의 최대값
	yview-min	Y축의 최소값
	yview-max	Y축의 최대값
	databuffer	Series데이터의 최대개수
	auto-scale	Y축의 min, max값을 자동으로 설정하는 속성

아래 그림은 Trend의 Background 속성을 변경하는 방법에 대해 나타낸 것이다.

Trend Title 속성 변경

Trend의 Title영역을 선택하여 속성 창을 열고, 속성을 변경한다. 아래의 표는 Title속성에 대한 설명이다.

분류	항목	내용
Trend Title	x	Title의 x좌표
	y	Title의 y좌표
	width	Title의 너비
	height	Title의 높이
	fill	Title의 배경색
	fill-opacity	Title의 배경 투명도
	stroke	Title 외곽선의 색상
	stroke-opacity	Title 외곽선의 투명도
	stroke-width	Title 외곽선의 굵기
	stroke-linejoin	Title 외곽선의 꼭지점부분의 모양
	stroke-dasharray	Title 외곽선의 스타일
	title	Title의 내용
	font-color	글자 색
	font-family	글자 모양
	font-size	글자 크기
	font-style	글자의 스타일
	font-weight	글자의 굵기(bold, lighter 등)

아래 그림은 Trend의 Title 속성을 변경하는 방법에 대해 나타낸 것이다.

Trend Legend 속성 변경

Trend의 Legend영역을 선택하여 속성 창을 열고, 속성을 변경한다. 아래 표는 Legend속성에 대한 설명이다

분류	항목	내용
Trend Legend	x	Legend의 x좌표
	y	Legend의 y좌표
	width	Legend의 너비
	height	Legend의 높이
	fill	Legend의 배경색
	fill-opacity	Legend의 배경 투명도
	stroke	Legend 외곽선의 색상
	stroke-opacity	Legend 외곽선의 투명도
	stroke-width	Legend 외곽선의 굵기
	stroke-linejoin	Legend 외곽선의 꼭지점부분의 모양
	stroke-dasharray	Legend 외곽선의 스타일
	symbol-size	각 Series의 symbol 크기
	font-color	글자 색
	font-family	글자 모양
	font-size	글자 크기
	font-style	글자의 스타일
	font-weight	글자의 굵기(bold, lighter 등)

아래 그림은 Trend의 Legend 속성을 변경하는 방법을 나타낸 것이다.

Trend X axis 속성 변경

Trend의 X axis(X축) 영역을 선택하여 속성 창을 열고, 속성을 변경 한다. 아래의 표는 X axis의 속성에 대한 설명이다.

분류	항목	내용
Trend X axis	position	X축의 위치
	fill	X축의 배경색
	fill-opacity	X축의 배경 투명도
	stroke	X축 외곽선의 색상
	stroke-opacity	X축 외곽선의 투명도
	stroke-width	X축 외곽선의 굵기
	stroke-linecap	X축 외곽선의 꼭지점부분의 모양
	font-color	글자 색
	font-family	글자 모양
	font-size	글자 크기
	font-style	글자의 스타일
	font-weight	글자의 굵기(bold, lighter 등)

아래 그림은 Trend의 X axis(X축) 속성 값을 변경하는 방법을 나타낸 것이다.

Trend Y axis 속성 변경

Trend의 Y axis(Y축) 영역을 선택하여 속성 창을 열고, 속성을 변경 한다. 아래 표는 Y axis의 속성에 대한 설명이다.

분류	항목	내용
Trend Y axis	position	Y축의 위치
	fill	Y축의 배경색
	fill-opacity	Y축의 배경 투명도
	stroke	Y축 외곽선의 색상
	stroke-opacity	Y축 외곽선의 투명도
	stroke-width	Y축 외곽선의 굵기
	stroke-linecap	Y축 외곽선의 꼭지점부분의 모양
	font-color	글자 색
	font-family	글자 모양
	font-size	글자 크기
	font-style	글자의 스타일
	font-weight	글자의 굵기(bold, lighter 등)

아래 그림은 Trend의 Y axis(Y축) 속성 값을 변경하는 방법을 나타낸 것이다.

Trend Grid 속성 변경

Trend의 Grid 영역을 선택하여 속성 창을 열고, 속성을 변경 한다. 아래 표는 Grid의 속성에 대한 설명이다.

분류	항목	내용
Trend Grid	x	x축 Grid의 개수
	y	x축 Grid의 개수
	stroke	Grid의 색상
	stroke-opacity	Grid의 투명도
	stroke-width	Grid의 굵기
	stroke-dasharray	Grid의 스타일

아래 그림은 Trend의 Grid 속성 값을 변경하는 방법을 나타낸 것이다.

Trend 기능

Trend에 band-highlimit로 최대 기준선, band-lowlimit로 최소 기준선을 그린다. 아래의 표는 Trend Band 속성에 대한 설명이다.

분류	항목	내용
Trend Band Properties	band-visible	Band의 표시여부
	band-highlimit	Band의 최대 기준선
	band-high-stroke	최대 기준선의 색
	band-high-opacity	최대 기준선의 투명도
	band-high-width	최대 기준선의 굵기
	band-high-dasharray	최대 기준선의 스타일
	band-lowlimit	Band의 최소 기준선
	band-low-stroke	최소 기준선의 색
	band-low-opacity	최소 기준선의 투명도
	band-low-width	최소 기준선의 굵기
	band-low-dasharray	최소 기준선의 스타일

아래 그림은 Trend의 Band 기능을 나타낸 것이다.

Trend Series

Trend Series 생성

Trend를 선택하면 나오는 리본메뉴에서 Select Data섹션의 Add Data항목을 선택한다. 선택 후 나오는 Chart Add Data창에서 Add 버튼을 눌러 Series를 생성한다. 아래 그림은 Trend의 Series 을 생성하는 방법에 대해 나타낸 것이다.

Trend Series 속성 변경

Chart Add Data창에서 속성 변경을 하고자 하는 Series의 ID를 선택하고, 같은 창의 오른쪽에 Series Properties에서 선택한 Series의 속성을 변경한다. 밑의 표는 Series의 속성에 대한 설명이다.

분류	항목	내용
Trend Series	variable	외부 객체의 값을 Series에 인터페이스 시켜주는 속성
	stroke	Series의 색상
	stroke-opacity	Series의 투명도
	stroke-width	Series의 굵기
	symbol-type	Series symbol의 종류
	symbol-fill	Series symbol의 배경색
	symbol-fill-opacity	Series symbol의 배경 투명도
	symbol-stroke	Series symbol의 외곽선 색
	symbol-stroke-opacity	Series symbol의 외곽선
	symbol-stroke-width	Series symbol 외곽선의 굵기
	symbol-stroke-dasharray	Series symbol 외곽선의 스타일
	symbol-size	Series symbol의 크기

아래 그림은 Trend Series 속성을 변경하는 방법에 대해 나타낸 것이다.

Trend Series Data Interface

Trend 속성 중 variable속성에 연결하려는 Logic객체의 Connection Pin의 이름을 입력한다. 아래 그림은 Trend Series Data Interface에 대해 나타낸 것이다.

Extended Trend

인스턴트 Trend로써 Logic객체의 Pin정보를 받아 같이 보여주는 Trend이다. 생성을 위해서 Logic객체가 필요하다. 아래 그림은 Trend에서 확장된 Extended Trend를 생성하는 법을 나타낸 것이다.

아래 그림은 Extended Trend를 나타낸 것이다.