sub_banner0806

CROWNIX Chart

CROWNIX_Chart_logo

엠투소프트에서 제작한 PC와 모바일에서 동일한 차트 서비스를 지원하는

HTML5 기반의 차트 컴포넌트

개념도

CROWNIX_Chart_01-1-1

지원환경

1) 서버 WAS

  • Jeus, 웹로직, 웹스피어, IIS, 톰캣 등 모든 상용 WAS 지원

2) 개발 언어

  • HTML, ASP, JAVA, JSP, PHP 등 사용

3) 클라이언트 환경

  • 웹 브라우저 : IE9 이상, 크롬, 파이어폭스, 사파리 등 HTML5 웹 표준 지원 모든 브라우저
  • 디바이스 / OS : Mobile, Tablet, PC 등 / Android, iOS, Windows 등

특장점

웹 표준 지원
Crownix Chart는 디바이스, 브라우저 및 운영체제 환경에 제약없이 사용 가능합니다. HTML5, JavaScript, CSS 등의 웹 표준을 지원하는 다양한 브라우저에서 동일한 품질의 차트를 제공합니다.
순수 자바 스크립트
기반 차트
Crownix Chart는 서버 및 클라이언트에 어떠한 설치도 필요하지 않은 순수 자바스크립트 기반 차트입니다.
웹 페이지에 Crownix Chart 자바스크립트를 포함시키고 간단한 구문작성만으로 간편하게 차트를 추가합니다.
다양한 차트 타입
제공
Crownix Chart는 Line, SpLine, column, bar, pie, scatter, angular gauges, polar, radar 등 20여개 다양한 차트 타입을 제공하며 다양한 차트속성 제공으로 깔끔하고 고급스러운 차트 디자인이 가능합니다.
다이나믹 차트
Crownix Chart는 시리즈 클릭 시 발생하는 이벤트를 처리하여 사용자 정의 스크립트를 연동시킴으로써 다이나믹 차트를 구현합니다. 또한 DrillDown, DrillBack 기능 제공으로 차트간 연계 기능을 제공합니다.
Crownix Report 보고서 연동
Crownix Report 보고서에 삽입된 Chart를 Crownix Chart로 자동 변환하는 기능을 제공합니다. Crownix Report HTML5 Viewer로 보고서 조회 시 간단한 옵션 지정으로 이용 가능합니다.

20여종의 다양한 차트 타입 제공

- Line, 3D Line, Step Line, SP Line
- Bar, 3D Bar, Horizontal-Bar, Stacked-Bar, Image-Bar
- Pie, 3D Pie, Donut, 3D Donut
- Polar, Radar
- Linear Gauge, Angular Gauge
- Bubble, Scatter
- Error-Bar
- Box-Plot
- From-To
- Combinations

CROWNIX_Chart_02-1

Animation 효과로 깔끔하고, 미려한 차트 표현

Animation1_01
Animation2_01

우수한 품질의 차트 레이아웃 디자인

- 차트 외곽선의 두께, 색상, 모양 지정
- 차트 배경 색상, 배경 이미지 지정
- 차트 여백, 제목 지정
- 범례(Legend) - 표시 방향, 정렬, 위치, 폰트, 색상 등
- 데이터 라벨 – 서식 포맷 설정, 텍스트 회전, 툴팁 지원

Demographic

[배경 이미지 / 범례 표시 / 라벨 텍스트 회전(Y축) 적용]

Interactive 차트 기능

- 이벤트 처리: 사용자 마우스 클릭에 따른 차트 동작 제어
- 드릴 다운 기능: 계층별 차트 표현 지원

Drill_down

사용자 스크립트 지원

- 특정 조건에 따라 차트의 컬러, 모양 변경 설정

지원 가능한 데이터 소스

- XML, JSON

Line charts

line_charts01

Line chart (with labels and tooltip)

line_charts02

SP line chart (with tooltip)

line_charts03

Multiple line chart

line_charts04

Multiple line chart (Line / SP line / Step line)

Bar charts

Bar_charts01

Simple bar chart

Bar_charts02

3D bar chart (with labels)

Bar_charts03

Horizontal bar chart (with background image)

Bar_charts04

Horizontal stacked bar chart (with tooltip)

Bar_charts05

Stretch image bar chart

Bar_charts06

Repeat image bar chart

Pie/Donut charts

Pie-Donut_charts01

Pie chart (with labels and tooltip)

Pie-Donut_charts02

3D donut chart

Pie-Donut_charts03

Donut chart (with click to slice)

Pie-Donut_charts04

3D pie chart (with background image)

Polar/Radar charts

Polar-Radar_charts01

Polar chart

Polar-Radar_charts02

Radar chart

Bubble/Scatter charts

Bubble-Scatter_charts01

Bubble chart (with tooltip)

Bubble-Scatter_charts02

Bubble chart (with background image)

Bubble-Scatter_charts03

Scatter chart (with 20,000 points)

Gauge charts

Gauge_charts01

Linear gauge charts

Gauge_charts02

Angular gauge charts

BoxPlot/FromTo/ErrorBar charts

ETC_BoxPlot

BoxPlot chart

ETC_FromTo

FromTo chart (with labels)

ETC_ErrorBar

ErrorBar chart

Combinations

Combinations01

Bar and line (with multiple axes)

Combinations02

Bar, line and pie (with background image)