Highchart

Innofactory는 자사의 Innofactory Highchart Extension을 자체적으로 개발하여 Thingworx 화면에서에서 기본 위젯보다 다채로운 차트를 표현할 수 있습니다. 본 포스팅에서는 Thingworx 데모를 위한 Highchart 구성 시 AI를 사용하여 간단하게 Highchart 데모 생성시간을 단축시킬 수 있는 방법을 제시합니다. Bing의 Copilot이란? # Copilot은 Microsoft에서 제공하는 AI 서비스로, Bing 검색 인덱스에서만 퍼블릭 웹의 데이터에 접근하여 사용자에게 정보를 제공합니다. 기존의 Chat GPT와의 가장 큰 차이는 퍼블릭 웹 데이터에 접근이 가능하다는 것이며, Open AI의 Chat GPT-4 서비스에서도 웹 데이터에 접근하는 기능을 제공하기 시작했지만, 기존 GPT-3.5와 요금 정책이 달라져 요금 충전 후 답변 토큰 개수에 따라 요금을 차감하는 방식에서 월 구독제로 변경해야만 GPT-4를 사용할 수 있습니다. 이 때문에 횟수제한은 있지만 무료로 사용가능한 Copilot이 Chat GPT와의 차별성을 가지게 되었습니다.

이번 글에서는 고객사에서 검토를 요청하셨던 커스텀 차트의 기술 검토 내용을 공유하고자 합니다. 고객사의 요구사항은, 특정 기기의 일일 기기 가동률 표시를 위하여 간트 차트 모양과 유사하게, 일일 24시간, 1시간 단위로 구분된 분별 가동률 차트를 세로형태로 확인하고 싶다는 것이었습니다. Thingworx에서 Schedule Chart 위젯의 커스텀 한계로 요청받은 형태의 차트 구현이 불가능해서 자사의 Innofactory Highchart Extension을 사용하여 Extension에 스크립트를 추가해 추가 기능을 통해 특별한 형태의 차트 구현을 기술검토 하였습니다. Thingworx에서 Highchart를 사용한 커스텀 Gantt chart 기술 검토 과정 # 준비물 # Thingworx에서 Highchart의 간트차트를 이용하기 위해서는 몇가지 전제와 사전 준비가 필요합니다.

Thingworx에서 Slider위젯의 커스텀 한계로 진행도 표시를 위한 게이지 바 UI 구성이 원활하지 않은 경우가 있습니다. 이 경우 자사의 Innofactory Highchart Extension을 사용하여 Extension에 스크립트를 추가하여 게이지 바를 구현할 수 있는 방법을 제시합니다. Thingworx에서 Highchart를 사용한 Gauge bar 구현 방법 # 준비물 # Innofactory highchart Extension Thingworx에서 Innofactory Highchart Extension을 사용해야 합니다. Highchart Extension을 수정하여 Highchart 모듈을 추가할 수 있어야 합니다. (pattern-fill 추가하여 패턴을 추가하는 기능을 더할 수 있습니다.) Thingworx의 Slider로 만든 게이지 바 예시 #