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를 나타낸 것이다.
'enuSpace for moon(2016) > Tutorial Guide' 카테고리의 다른 글
| enuSpace 그래픽 저작기 Runtime View 사용하기 (0) | 2016.01.14 |
|---|---|
| enuSpace 그래픽 저작기 프린트 (Print) (0) | 2016.01.14 |
| enuSpace 그래픽 저작기 프로젝트 익스플로어 기능 (Project Explorer) (0) | 2016.01.14 |
| enuSpace 그래픽 저작기 전역변수 설정 기능 (Global Variable) (0) | 2016.01.14 |
| enuSpace 그래픽 저작기 심볼 제작 기능 (HMI, Logic Library) (0) | 2016.01.14 |