Chart

Component Chart
chart 이미지
chart 버전, 다운로드, 데모 테이블
버전 데모 평가판 다운로드
HTML5 (v6.5) 데스크탑
모바일
* 이전버전의 평가판도 다운로드 하실 수 있습니다.
   ①다운로드->②정보기입->③이전버전 제품 다운로드.
* 투비소프트사의 Nexacro, XPLATFORM 과 관련하여서는
   별도의 차트 개발 Kit가 제공됩니다.
* 제품소개서 및 기술자료는 자료실에서 받으실 수 있습니다.

rMate Chart for HTML5

  • 데스크탑 및 모바일용 웹차트 컴포넌트
  • 크롬, Edge, 웨일, 파이어폭스, 사파리등의 브라우저에서 사용이 가능합니다.
  • HTML5가 지원되는 최신의 모바일 환경(스마트폰, 태블릿PC)에서 사용이 가능합니다.

주요 특장점

주요특징
  • 약 36종의 세계최대의 차트종류 와 450여 샘플을 통해 신속한 개발이 가능합니다.
  • 섬세한 부분까지도 제어가 가능한 강력한 차팅툴입니다.
  • 깔끔하고 아름다운 디자인을 통해 최고의 비쥬얼을 제공해 드립니다.
  • 다양한 효과(effect)를 통해 한층더 생동감있는 UI를 제공해 드립니다.
  • 차트의 외형과 데이터를 분리하여, 업무의 효율성을 높일 수 있습니다.
  • 프로그램 개발자라면 누구나 손쉽게 XML 과 String 및 Array, Json, Html table, CSV 등을 통해 차트와의 데이터 인터페이스가 가능합니다.
  • 웹접근성을 준수합니다.(시각장애인을 위한 TTS와의 데이터연동지원, 색맹/색약인분을 위한 패턴처리 기능지원)
범용성
  • 크롬, Edge, 웨일, 파이어폭스, 사파리등의 모든 브라우저에서 별도의 플러그인 이나 Active-X의 다운로드없이 사용이 가능합니다.
  • HTML5가 지원되는 최신의 모바일 환경(스마트폰, 태블릿PC)에서 사용이 가능합니다.
  • 순수 국산기술로 개발되었기에 고객에게 신속한 응대를 제공해 드리고 있습니다.

기능적 특징

지원되는
차트의 종류
선차트, 막대차트, 바차트, 영역차트, Pie 차트, 도넛차트, 버블차트, Plot 차트,
조합차트(선+막대, 선+막대+영역차트등), From-To차트, 레이더차트, 목표대비실적차트,
히스토리차트, 실시간 차트, 스크롤 차트, 이벤트차트, 이퀄라이저 차트, Broken Axis 차트, 롤리팝차트,
이미지차트, 이미지매트릭스 차트, 윙(Wing)차트, 윈드로즈(WindRose)차트, 캔들스틱차트, 트리맵 차트,
범퍼차트, 워드클라우드차트, 매트릭스 차트, 피라미드 차트, 히스토그램차트, Vector차트, 에러바차트,
박스플롯차트, 슬라이드 차트, 모션차트, 실시간프리미엄차트, 게이지차트 등
차트와
데이터의 연동
데이터는 XML을 통해서 전달될 수 있으며, 배열이나, Json, Html table, CSV 형식의 데이터도 지원이 가능합니다.
Ajax 통신을 통해 실시간 변형이 가능합니다.
차트
레이아웃의 분리
차트의 외형과 데이터는 분리되도록 하여, 업무의 효율성을 높일 수 있도록 하였습니다. 또한 차트의 레이아웃은
XML로 작성할 수 있으며, 실시간변경을 위하여 string 이나 Setter/Getter 통해 제어할 수 있습니다.
차트의 기능성
  • 차트의 제목, 차트의 컬러, 차트의 바탕화면, 차트의 축, 축의 라벨, 축의 눈금선, 축의 두께, 범례, 차트 마우스 Over시 처리, 차트 클릭시의 처리, 라벨의 위치, 차트가 보이는 이펙트, 선차트에서의 꼭지점의 표시, 차트의 실시간 변형 등의 기능을 이용자가 설정하고 수행할 수 있습니다.
  • 차트의 확대/축소기능, 마우스 십자가 표시, 다중선/영역 그리기 기능, 메모기능, 추세선 그리기, Drill Down 을 통한 계층형 차트표현 등의 다양한 디테일 기능이 제공됩니다.
  • 각종 이벤트에 대하여, 자바스크립트를 통한 이용자정의 함수를 제공합니다.
  • 다양한 효과(effect)를 통해 화려한 UI를 제공합니다.(제공하는 effect는 Interpolate, Slide, Zoom, Clip 이펙트)
  • 차트의 동적변경이 가능하여, 실시간으로 차트의 유형 및 데이터를 변경할 수 있습니다.
  • 데이터에디터를 통한 차트 simulation이 가능합니다.
  • 차트를 이미지 혹은 pdf로 변환하여 PC로 저장하거나, 서버로 전송 가능합니다.
  • 시각장애인을 위한 패턴기능 및 대체텍스트 기능이 제공됩니다.
  • 모바일 단말(스마트폰, 태블릿PC등)에서, 데스크탑과 동일한 기능을 사용가능합니다.

운용환경적 특징

크로스 브라우저 지원 크롬, Edge, 웨일, 파이어폭스, 사파리등의 브라우져에서도 운용될 수 있습니다.
모바일 단말의 지원 HTML5를 지원하는 모든 모바일 플랫폼(iOS, 안드로이드 등)에서 지원됩니다.
서버의 OS 서버의 OS에 종속되지 않습니다.( Windows, Linux, Unix 등의 서버의 종류에 종속되지 않습니다.)
서버의 개발언어 서버의 개발언어에 종속되지 않습니다 (클라이언트의 차트와 서버의 데이터 인터페이스는 XML이나
Array, Json등으로 이루어지므로 서버의 모든 개발언어에서 사용이 가능합니다.)

구성도

차트의 구성요소
차트의 구성도 이미지

rMate 차트의 생성을 위해서는 차트 레이아웃(LayOut)과 수치 데이터(Data)가 필요합니다.

  • 레이아웃은 차트유형, 차트 컬러 변경, 차트 축 조작 등의 차트의 외형을 제어하는 XML 입니다.
  • 레이아웃은 XML 전송 혹은 Setter/Getter를 통해 제어가능 합니다
  • 차트 데이터는 XML 형식과 Java Script Array, Json Type, HTML Table, CSV 등을 지원합니다. 사용자의 환경과 편의에 따라 데이터를 선택 하실 수 있습니다.
차트의 구성도
차트의 구성요소 이미지