사용자 도구

사이트 도구

English

comfilehmi:트렌드_그래프:index

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
comfilehmi:트렌드_그래프:index [2018/08/24 12:37]
Comfile Technology
comfilehmi:트렌드_그래프:index [2023/10/25 04:00] (현재)
Comfile Technology
줄 1: 줄 1:
 +====== 트렌드 그래프 ======
  
 +트렌드 그래프는 어떤 값의 변화되는 상황을 꺾은선 그래프로 화면에 표시해줍니다.\\ ​
 +
 +{{ :​comfilehmi:​트렌드_그래프:​trandgrap12.png?​nolink&​600 |}}
 +
 +트렌드 그래프를 화면에 위치시킨후,​ 더블클릭을 하면 아래와 같은 속성창이 표시됩니다.
 +
 +===== 기본 설정 =====
 +
 +트렌드 그래프의 전반적인 설정을 조정하는 화면입니다.
 +
 +{{ :​comfilehmi:​트렌드_그래프:​trandgrap13.png?​nolink |}}
 +==== 1. 채널목록 ====
 +
 +동시의 여러개의 값의 변화를 추적하여 표시할 수 있고 각각의 값에 해당하는 채널에 대한 설정을 할 수 있습니다. 처음에는 기본적으로 1개의 채널이 추가되어져 있습니다.
 +
 +==== 2. 글꼴 ====
 +
 +트렌드 그래프 내에서 표시되는 숫자나 타이틀 등에 쓰일 글꼴의 종류와 크기를 지정합니다.  ​
 +
 +==== 3. 화면 갱신 주기 ====
 +
 +그래프가 그려진 전체적인 상황을 얼마나 자주 업데이트하여 화면에 보여줄 것인지를 결정합니다. 데이터를 내부적으로 검출하는 주기와는 구별됩니다.
 +
 +==== 4. 그래프 영역 ====
 +
 +그래프가 그려질 영역의 구분선에 대한 세부 설정을 지정합니다.
 +
 +==== 5. 테두리 여백 ====
 +
 +상하좌우 각각의 테두리 여백을 지정합니다.
 +
 +==== 6. 백그라운드 동작 여부 지정 ====
 +
 +'​백그라운드로 동작 활성화'​에 체크하면 화면 전환과 무관하게 트렌드그래프의 동작이 백그라운드에서 동작을 유지합니다. 만약 외부장치의 값을 읽어서 표시하는 경우라면 외부장치와도 계속 백그라운드로 통신을 유지하며 내부적으로 기록합니다. 이 옵션에 체크를 '​해제'​하면 화면이 전환되어 시작할 때 트렌드그래프의 내부 데이터가 자동으로 초기화되어 시작되니 주의하시기 바랍니다.
 +
 +
 +
 +{{ :​comfilehmi:​트렌드_그래프:​trandgrap15.png?​nolink |}}
 +
 +백그라운드로 동작되도록 설정하여 사용시 샘플링 구동 시작 시점을 결정할 수 있습니다. ​
 +
 +1) 프로젝트 시작시 \\
 +프로젝트가 시작될 때 아직 해당 화면에 도달했는지 여부와 무관하게 구동이 시작됩니다.
 +
 +2) 해당 화면 진입시 또는 함수 호출 시 \\
 +트렌드 그래프가 위치한 화면에 도달하거나 그 전에라도 함수 호출(trendgraph_restart)할 때 최초 구동이 시작됩니다. ​
 +만약 해당 화면에 도달하기 전에 함수 호출로 구동이 이미 시작된 적이 있다면 해당 화면에 도달하여도 재시작되지 않습니다.
 +
 +3) 함수 호출시 \\
 +trendgraph_restart 함수를 호출이 되어야 시작되며 그 전까지는 구동되지 않습니다. ​
 +
 +==== 7. 심볼 지정 ====
 +
 +함수를 통해 트렌드그래프의 구동을 시작(trendgraph_restart)하거나 중지(trendgraph_stop) 시킬 때 사용할 심볼을 지정합니다.
 +
 +함수에 대한 자세한 설명은 [[comfilehmi:​hmieditor_function:​index|시스템 함수(9. 위젯 관련 함수)]] 를 참조하세요
 +
 + 
 +
 +
 +===== 전체 배경 / 그래프 배경 =====
 +
 +{{ :​comfilehmi:​트렌드_그래프:​tgraph2.png?​nolink |}}
 +
 +트렌드 그래프의 영역은 다음과 같이 전체 영역과 그래프 영역으로 나뉘는데,​ 각 영역의 배경을 지정할 수 있습니다. 겹치는 영역은 그래프 배경이 우선적으로 표시되며 그래프 배경은 투명하게 처리할 수 있은나 전체 영역은 투명 속성을 지원하지 않습니다.
 +
 +{{ :​comfilehmi:​트렌드_그래프:​t4.png?​nolink |}}
 +
 +===== 시간설정 (X축) =====
 +
 +트렌드 그래프의 X축은 항상 시간의 흐름을 나타냅니다. 시간의 단위등을 설정합니다.
 +
 +{{ :​comfilehmi:​트렌드_그래프:​tgraph4.png?​nolink |}}
 +==== 한 화면당 컬럼 갯수 ====
 +
 +컬럼은 가로로 나뉘어지는 시간 단위이며 한 화면에 보여지는 총 컬럼의 갯수를 지정합니다. ​
 +
 +==== 한 컬럼 당 세부 컬럼 갯수 ====
 +
 +한 컬럼을 몇개의 세부적인 컬럼으로 나눌지 혹은 나누지 않을지 결정합니다.
 +
 +==== 한 컬럼의 시간 길이 ====
 +
 +한 컬럼이 얼마나 긴 시간을 표현할지 설정합니다.
 +
 +==== 스크롤 폭 ====
 +
 +그래프가 흘러가는 느낌이 들면서 표시되는데 얼마나 부드럽게 흘러가도록 할지 설정합니다. 수치가 낮을 수록 부드럽게 흘러가지만 CPU를 많이 소모하는 단점이 있습니다.
 +
 +가장 높은 값인 100%로 지정하면 왼쪽 끝부터 그리기 시작하여 오른쪽까지 완전히 도달하기까지 그린 후에 전체가 지워지며 다시 왼쪽부터 시작합니다.
 +
 +==== 타이틀과 눈금 표시 옵션들 ====
 +
 +타이틀과 눈금을 표시할지,​ 표시한다면 어떤 식으로 어떤 색상으로 표시할 지 설정합니다.
 +
 +===== 표시및 위치 =====
 +
 +  * [[comfilehmi:​objectlocation:​index|표시 및 위치]]
 +
 +{{ :​comfilehmi:​트렌드_그래프:​tgraph5.png?​nolink |}}
 +
 +
 +===== 채널 추가 / 설정 =====
 +
 +기본설정에서 채널을 추가할 수 있습니다.
 +
 +{{ :​comfilehmi:​트렌드_그래프:​trandgrap16.png?​nolink |}}
 +
 +채널을 추가하거나 수정할 때 다음과 같은 화면이 표시됩니다.
 +
 +{{ :​comfilehmi:​트렌드_그래프:​channel_ui.png?​nolink |}}
 +
 +
 +세로축은 위쪽으로 갈수록 큰 값을 나타냅니다. 행은 값을 나누는 단위이며 <​세부행 있음>​에서 세부적인 행의 존재 유무와 갯수를 설정합니다.
 +
 +==== 최소값, 최대값 ====
 +
 +어떤 값을 최소값과 최대값으로 삼을지 결정하며 최소값은 최하단을 나타내고 최대값은 최상단을 나타냅니다.
 +
 +==== 그래프 굵기와 색상 ====
 +
 +표시될 그래프의 굵기와 색상을 지정합니다.
 +
 +==== 채널명과 눈금 표시 옵션들 ====
 +
 +채널명과 눈금을 표시할지,​ 표시한다면 어떤 식으로, 어떤 색상으로 표시할 지 설정합니다.
 +
 +<​그래프 색상에 모두 일치하기>​ 옵션을 선택하면 그래프 색상에 따라 채널명과 눈금의 숫자가 동일하게 맞춰지게 됩니다.
 +
 +==== 검출 대상 ====
 +
 +데이터를 수집할 대상을 지정하며 외부 장치값, 수식, 데모 값 중에 선택 가능합니다. 데모 값은 실제 데이터를 검출하지 않고 랜덤한 값으로 보여주는 용도로 사용합니다.
 +
 +==== 스케일링 사용 ====
 +
 +스케일링 사용 옵션을 선택하면 <실제 최소값>​과 <실제 최대값>​을 따로 지정하여 표시용 값 범위와 수집용 값 범위를 서로 다르게 지정할 수 있습니다. 예를 들어 실제 외부 장치에서 들어오는 워드값의 범위가 0부터 100 사이인데 그래프에서는 0부터 500 사이의 값이 들어온 것처럼 표현할 수 있습니다.
 +
 +==== 검출 주기 ====
 +
 +데이터를 내부적으로 수집하는 주기를 설정합니다. 이 주기값은 정확도가 보장되지 않으므로 사용에 주의를 요합니다. CPU 소모가 많은 상황이거나 그래프의 크기에 비해 불필요하게 주기가 낮을 경우 이 주기는 자동적으로 늘어나게 됩니다
 +
 +\\ 
 +
 +===== 각종 트렌드 그래프 동작 모습 =====
 +
 +{{ :​comfilehmi:​트렌드_그래프:​trand2.gif?​nolink |}}
 +
 +===== 동영상 : 트렌드 그래프 사용예 =====
 +
 +{{ :​comfilehmi:​트렌드_그래프:​trendgrapevideo.mp4?​1000x500 |}}
 +
 +[[comfilehmi:​index#​위젯|상위 페이지로 가기]]