80가지 이상의 JavaScript FlexChart
기본적인 선형 차트에서 레이더 및 극좌표 차트에 이르기까지 다양하고 완벽한 데이터 분석 시각화 컨트롤을 제공합니다. 차트 상호 작용, 분석, 주석 기능들이 모두 기본 제공됩니다.
가볍고, 빠른 고성능 차트
최고의 성능을 위해 설계된 FlexChart는 비즈니스 앱의 속도를 저하시키지 않으며, 200KB 미만의 크기로 JavaScript 앱을 최적화합니다.
TypeScript로 작성된 JavaScript FlexChart
TypeScript를 사용하면 객체지향 언어인 C#/Java의 느낌으로 개발이 가능하며, 디자인 타임 오류 검사 및 완전한 IntelliSense 기능을 얻을 수 있습니다.
최고의 프레임워크 지원
특정 프레임워크에 구애 받지 않도록 구축된 Wijmo는 Angular, AngularJS, ReactJS, Vue.js , Vue3 Beta 및 Knockout에 대한 완전한 지원을 포함합니다.
유연하고 확장가능한 API
광범위한 기능 세트는 Core 컴포넌트를 부풀리지 않습니다. FlexChart에는 유연한 데이터 바인딩과 픽셀 단위의 완벽한 SVG 렌더링 및 이미지 내보내기가 포함됩니다.
보안 수준
Wijmo는 CSP(콘텐츠 보안 정책)를 준수하며, 보안 기능을 손상시키지 않고, JavaScript 애플리케이션에서 원활하게 작동합니다.
JavaScript 막대 차트
JavaScript Bar Charts
Bar Stacked Charts
Bar Stacked 100 Charts
JavaScript Column Charts
Column Stacked Charts
Column Stacked 100 Charts
JavaScript 라인 & 영역 차트
JavaScript Line Charts
Display changes in data over short and long periods of time with a basic JavaScript line chart. JavsaScript line charts Work well with large amount of data with smooth animation, zooming, and panning support
Line Stacked Charts with LineMarker
Line Stacked 100 Charts
Spline Charts with Symbols
This line chart variation shows estimated interim changes over time. Spline charts connects the data points with a smooth lines and uses numeric, category, datetime, or logarithmic axis to plot data.
JavaScript Area Charts
Represent time-dependent data to reflect trends at equal intervals, but it fills the area below the line to demonstrate trends in similar categories. Uses numeric, type, date, time, or logarithmic axis to plot data
Range Area Charts
Fill in the area below the line to demonstrate trends in similar categories.Shows variations in the data values for a given time.
StepLine Charts
StepLine Charts help visualize changes at a specific point. Data points are connected through vertical and horizontal lines to show step-like progress
JavaScript 분산형 & 버블 차트
Scatter Charts
Demonstrate correlation between data points with a JavaScript scatter chart, which shows one set of numerical data along the x-axis and another along the y-axis. The Scatter Chart combines these values into single data points and displays them in uneven intervals, or clusters
Bubble Charts
Create rich, visually-appealing data modelling and 재무 차트 with bubble charts. This JavaScript Flexchart type allows you to display your data series as a set of differently-sized symbols in the chart space.
재무 차트
JavaScript Candlestick Charts
Visualize financial data in the Candlestick Chart. This chart displays the Open, Close, High and Low Stock Prices for each day in the series. The vertical bar spans the High and Low values for the day.
HLOC Charts
JavaScript 원형 & 선버스트 차트
Pie Charts
JavaScript pie charts show how parts of a whole add up to 100%. Features include:
- Exploding slices
- Pie slice selection
- Pie rotation
Doughnut Charts
Sunburst Charts
Visualize hierarchical data from a root node (center) outward to lower hierarchies. A segment of the inner circle is a parent to the segments of the outer circle which lie within the angular sweep of parent.
Multiple Pie Charts
You can now use FlexPie to visualize more of your data in a single chart by creating multiple pie chart "series" using the same data source.
방사형 & 극좌표 차트
Radar Charts
Display multivariate observations with an arbitrary number of variables. JavaScript radar chart visualizes data in terms of values and angles.
Radar Filled Charts
Polar Charts
Create circular graphs to display multivariate observations with an arbitrary number of variables. Visually compare several quantitative or qualitative aspects of a situation
특수 차트
BreakEven Charts
A break-even chart shows the sales volume level at which total costs equal sales. The chart plots revenue, fixed costs, and variable costs on the vertical axis, and volume on the horizontal axis
ErrorBar Charts
Graphically represents the variability of data to indicate the error or uncertainty in a measurement. The “error” isn't a mistake, but rather a range or spread of data that represents some kind of built in uncertainty
Box-and-Whisker Charts
JavaScript Box and Whisker charts are used to visualize a group of numerical data through their quartiles. It is also referred as box plot. Box plots may also have lines extending vertically from the boxes (whiskers) indicating variability outside the upper and lower quartiles.Graphically depict groups of numerical data through their quartile, mean, median and outliers
Funnel Charts
Visualize stages of process in a funnel shape, such as for sales. Plots streamlined data to show various stages in a process
Funnel Rectangle Charts
Waterfall Charts
Show change in the starting position of the chart through a series of changes. A JavaScript waterfall chart is a form of data visualization that helps in understanding the cumulative effect of sequentially introduced positive or negative values
Grouped TreeMap Charts
Display hierarchical information combined with relative quantity. Treemaps display hierarchical, tree-structured data as a set of nested rectangles
Gantt Charts
라벨
전체 Wijmo 컨트롤
- DataGrid
- DataGrid (FlexGrid)
- Core Grid Features
- Advanced Grid Features
- Excel Import/Export
- Master Detail
- Group Panel
- Filter
- Custom Editors
- Button Columns
- Hyperlink Columns
- Image Columns
- Star Ratings Columns
- Sparkline Columns
- Spreadsheet
- MultiRow
- TransposedGrid
- TransposedMultiRow
- PDF export
- TreeGrid
- Validation
- 데이터 관리
- CollectionView
- OData CollectionView
- OData Virtual CollectionView
- Google Sheet API
- Firestore REST API
- Firestore Realtime API
- OAuth
- OLAP 피벗 그리드
- OLAP
- OLAP PivotGrid
- OLAP PivotChart
- OLAP PivotPanel
- OLAP Slicer
- 인쇄 & 문서
- Print Document
- XLSX
- 차트
- Chart
- Area Chart
- Bar Chart
- Box-and-Whisker Chart
- Bubble Chart
- Column Chart
- Donut Chart
- ErrorBar Chart
- Funnel Chart
- Line Chart
- Pareto Chart
- Pie Chart
- Polar Chart
- Radar Chart
- Scatter Chart
- StepLine Chart
- Sunburst Chart
- TreeMap Chart
- Waterfall Chart
- Break-Even Chart
- Export Chart to Image
Wijmo 튜토리얼
Wijmo는 500개 이상의 샘플 코드를 제공하며, 이를 통해, Wijmo의 컨트롤들을 Angular, React, Vue 상에서 구현하는 방법을 학습할 수 있습니다. 아래 링크를 통해, Wijmo의 다양한 컨트롤들을 지금 사용해 보세요.
아래 동영상을 통해 Wijmo에서 Chart와 Grid 기능을 사용하는 방법을 학습할 수 있습니다.
GrapeCity 개발자 포럼
- Wijmo 블로그&Tips
- Wijmo를 유용하게 활용할 수 있도록 다양한 정보를 제공합니다.
- Wijmo Q&A
- 질문/답변 공간을 통해, 시티즌 여러분들의 고민과 개발지식을 함께 공유해주세요.
- Wijmo FAQ
- 자주 묻는 질문에 대한 답변을 확인하실 수 있습니다.
- 시티즌 인사이트
- 업무 중 피로나 스트레스를 조금이라도 덜어드리고자 만든 공간입니다. 자유롭게 소통하세요.
- Tech Q&A
- GrapeCity 제품 관련 질문 외에도, 개발/기술과 관련하여 모든 분들이 자유롭게 질문하고 소통할 수 있는 공간입니다.
- IT 세미나/모임
- 개발자분들이나 개발에 관심이 있으신 분들을 위해, 함께 발전할 수 있도록 만들어진 만남의 공간입니다.
Wijmo 디자이너를 통해 Wijmo 컨트롤 설정을 쉽게 변경해보세요.

Web 기반 Wijmo 디자이너
Web 디자이너를 통해 Wijmo 컨트롤들의 설정을 쉽게 변경해보세요. 20가지 이상의 컨트롤들의 설정 값을 수정하고 확인해 볼 수 있습니다. 별도의 코딩 작업 없이도, 해당 설정을 다운로드 받아 여러분의 웹에 쉽고 빠르게 바로 적용이 가능합니다.
Web 디자이너 사용
VSCode 디자이너 확장 기능
Angular 개발자 분들을 위한 전용 VS Code 확장 기능을 제공합니다. 20가지 이상의 Wijmo 컨트롤에 대한 설정을 디자이너를 통해 변경할 수 있으며, 자동으로 HTML 소스 파일에 적용이 됩니다. 확장 기능을 이용하여 Mark-up 태그 자동완성 기능과 디자이너 UI를 통해 쉽게 개발이 가능합니다.
VSCode 디자이너 사용Wijmo 2020 V3 새로운 기능
Wijmo 2020 v3가 출시되었습니다! 이번 릴리즈에는 새로운 InputDateRange 컴포넌트, 상당히 개선된 CollectionView 등이 포함되어 있으며, Vue 3, React 17, Angular 11 RC에 대한 지원도 제공합니다.
- 날짜 범위 선택기
: 새로운 InputDateRange 컨트롤을 사용하여 날짜 범위를 커스터마이징할 수 있습니다. - 여러 원형 차트를 위한 유연한 레이아웃
: chartsPerLine 옵션을 추가하여 다음 줄로 줄 바꿈하기 전에 표시할 차트의 수를 정의할 수 있습니다. - CollectionView의 계산된 필드
: 계산된 필드에서는 데이터 변경에 따라 자동으로 업데이트되는 동적 값을 제공합니다! - CollectionView의 여러 오류 보고
: 기본적으로 오류 메시지에 전체 데이터 항목의 모든 오류가 포함되도록 개선했습니다. 이 메시지를 통해 정보가 더 유용해지고 데이터 그리드의 사용 편의성도 높아집니다.
Wijmo 무료 체험판
다운로드Wijmo 가격 및 라이선스
- 개발자 라이선스
-
Wijmo 정식 자바스크립트 라이브러리를 사용하기 위해 필요한 라이선스입니다.
₩ 1,494,000(VAT 별도)
- 배포 라이선스
-
Wijmo의 컨트롤을 서버에 배포하기 위해 필요한 라이선스로, 도메인 주소별로 구매가 필요합니다.
₩ 600,000(VAT 별도)
도입 문의
Wijmo 도입 시 더욱 자세한 제품 및 구매 상담이 필요하신 경우 편하신 방법으로 연락 바랍니다.
구매 절차





구매 절차의 각 단계에 대한 자세한 내용을 보시려면 아래의 자세히 보기 버튼을 클릭해주세요.
자세히 보기

-
하단의 계산기를 통해 가상 견적을 확인해보실 수 있습니다. * 실제 가격은 달라질 수 있으며, 정확한 비용 산정은 견적 및 상담 요청을 부탁드립니다.
-
편하신 방법으로 견적서를 요청하실 수 있습니다.
-
하기 세가지 항목을 Email 혹은 Fax로 발송해주세요.
- 서명 완료된 견적서(담당자 사인 또는 회사 직인)
- 사업자 등록증 사본(회사일 경우)
- End-User 정보 End-User 정보 양식 보기
1. 회사명 (한글) :
2. 회사명 (영문) :
3. 우편번호 :
4. 주소 (한글) :
5. 주소 (영문) :
6. 담당자 (한글/영문) :
7. 전화번호 :
8. E-mail :
발주 요청을 주시면 이메일을 통해 인보이스를 발송해드립니다.
-
- 은행 입금
- 받으신 인보이스에 표기되어 있는 계좌 번호로 입금해주세요.
- 카드 결제
- 카드 결제는 유선상으로 진행됩니다. 결제에 필요한 결제 전용 전화번호와 납부번호는 메일로 따로 전달 드리며, 전달 받으신 결제 전용 전화번호로 직접 전화를 하시어, 카드 결제를 진행하실 수 있습니다.
-
결제 확인 후 라이선스 발급 안내 메일을 발송해드립니다.
Web 개발자를 위한 컨트롤

SpreadJS
순수 JavaScript 기반 Web-Excel 컴포넌트
- Excel 가져오기/내보내기 지원
- 450+ Excel 함수 지원
- Angular, React, VueJS 지원

Forguncy
코딩 없이 Excel로 만드는 비즈니스 웹 개발 솔루션
- Excel 기능으로 쉽고 빠르게 웹 구현
- HTML & CSS 없이 시작하는 웹 개발
- 데이터 취합 및 통합 솔루션

GcExcel
고성능 Java&Kotlin / .NET Core 기반 Excel 스프레드시트 API 라이브러리
- 스프레드시트 생성, 로드, 편집, 저장
- 스프레드시트 구문 분석, 변환, 공유
- 수식 계산 및 셀 서식 지정
GcExcel .NET Core 알아보기
카카오톡 채널 추가를 통해 GreapeCity의 최신 정보를 빠르게 받아 보세요!