트렌드 차트/뷰 따라하기              

트렌트 차트/뷰 설정 및 실행 따라하기

           ① 페이지에 객체를 작화한다.

n Data control로 이름을 설정한다.

           ② TrendView 추가하기

n Designer의 View 메뉴를 선택하고 Tool Box의 Trend에서 TrendView를 선택한다.

n 또는 Designer의 도구모음에서  아이콘을 클릭한다

           ③ TrendChart 추가하기

n Designer의 View 메뉴를 선택하고 Tool Box의 Charts에서 TrendChart를 선택한다.

n 또는 Designer의 도구모음에서  아이콘을 클릭한다

           ④ 마우스 좌측을 누른 상태로 드래그하여 차트 및 뷰의 크기를 설정한다.

           ⑤ Tag Explorer창에서 마우스 우측버튼을 클릭한다.

n Analog_1, Analog_2를 각각 생성한다.

           ⑥ 작은 사각형 객체를 더블클릭한다.

n Action을 설정한다.

Horizontal Slide로 선택한다.

n Tag를 설정한다.

Tag를 Analog_1으로 선택한다.

Min값을 0, Max값을 300으로 입력한다.

n Slide를 설정한다.

Length를 180으로 설정한다.

Direction을 좌에서 우로 선택한다.

n Action을 설정한다.

Vertical Slide로 선택한다.

n Tag를 설정한다.

Tag를 Analog_2로 선택한다.

Min값을 0, Max값을 300으로 입력한다.

n Slide를 설정한다.

Length를 180으로 설정한다.

Direction을 위에서 아래로 선택한다.

n OK버튼을 클릭한다.

           ⑦ 작화한 TrendView 객체를 선택 후 Properties를 설정한다.

n ListView의 Colums을 클릭한다.

Edit Colums 팝업창의 좌측상단 + 버튼을 클릭하여 colum 1과 colum 2를 생성한다.

Colum 1을 설정한다.

w Binding의 Tag에서 analog_1 tag를 선택한다.

Colum2를 설정한다.

w Binding의 Tag에서 analog_2 tag를 선택한다.

기타 속성을 변경한다.

w General, cellformat 등을 설정한다.

           ⑧ 작화한 TrendChart 객체를 선택 후 Properties를 설정한다.

n Chart의 Series을 클릭한다.

Edit Series 팝업창의 좌측상단 +버튼을 클릭하여 series1과 series2를 생성한다.

Series 1을 설정한다.

w Binding의 Tag에서 analog_1 tag를 선택한다.

Series 2를 설정한다.

w Binding의 Tag에서 analog_2 tag를 선택한다.

기타 속성을 변경한다.

           ⑨ 시작버튼을 클릭하여 작화한 프로젝트를 저장 후 실행한다.

           ⑩ View 메뉴의 Tag Status를 선택한다.

n 변경되는Tag값을 확인한다.

           ⑪ 객체를 움직임에 따라 변경되는 Tag값이 리스트 뷰 와 차트 형태로 실시간으로 표시된다.