ExtJS 6 차트 컴포넌트 강좌 영상은 링크를 통해 제공됩니다. (YOUTUBE 채널 구독해주세요!!) https://youtu.be/FovgBmJqiD4 분산/분포 그래프 분산형 차트는 데이터를 점의 집합으로 표시하는데 유용한 그래프 컴포넌트입니다. 데이터들간의 상관관계를 찾는데 도움이 되며 여러 측정값을 표시하는데 적합한 차트입니다. 기존 차트와 다른점이 있다면? axes 모두 numeric!! 기본적으로 이전 강좌의 cartesian 관련 차트들은 axes config 속성이 category + numeric 의 조합으로 예를 들었습니다. 이번 분산차트의 경우는 xy 축의 값이 모두 numeric인 데이터를 표출하는데 유용한 차트입니다. series config에서 label 속성을 이용하느냐, ..

ExtJS 6 차트 컴포넌트 강좌 영상은 링크를 통해 제공됩니다. (YOUTUBE 채널 구독해주세요!!) https://youtu.be/PKMBsJ_Z31E 차트컴포넌트 이용하기 차트컴포넌트는 별도의 패키지를 이용해야 사용이 가능합니다.app.json 에 requires 검색 후, "charts" 를 추가로 선언 후, 재빌드가 완료되면 차트컴포넌트 준비가 완료됐습니다. 차트컴포넌트 종류 ① Ext.chart.CartesianChart 클래스를 이용하며, xtype으로는 'cartesian' 이라고 선언을 해주면 됩니다. cartesian 컴포넌트의 경우, 보통 X,Y 축으로 구성되있는 막대,선,영역 그래프를 이용할때 사용되는 컴포넌트입니다. ② Ext.chart.PolarChart 클래스의 경우 xtyp..

강좌 27장, 28장 모두 세로형 막대그래프에 대해서 강의를 진행했습니다.그럼 이번에는 세로형 막대그래프에서 진행한 방식과 동일하게 기본 출력부터 Stacked/Group/3D 차트까지 한번에 진행하도록 하겠습니다. 27강과 28강으로 나누어서 진행했던 차트를 한 포스팅에 전부 담을수 있는지 궁금하신가요?이유는 기존의 세로형 막대그래프에서 3D 막대그래프를 처리할때 type 값만 변경해서 동일하게 구현을 했었습니다. ▼2015/07/24 - [ExtJS] - ExtJS 기초강좌 28 - 3D 세로형 막대 그래프 출력시켜보자 이번장 역시, 세로형 → 가로형으로 위치만 변경되는 부분이라 한번에 가능합니다.즉, X축에 있던 값에 대한 설정들을 Y축으로 바꿔주고, Y축에 있던 값을 X축으로 변경해주기만 하면 가..

지난 강좌에는 ExtJS에서 제공하는 센차차트에 대해서 간략하게 설명을 진행하였습니다. 2015/07/16 - [ExtJS] - ExtJS 기초강좌 25 - 차트 컴포넌트에 대한 간단소개 이어서 차트관련 스크립트를 include 후에 간단한 막대그래프를 출력을 해보도록 하겠습니다. 추가 INCLUDE 파일 1장부터 진행해오신 분들이시라면 기존 작업 한 웹프로젝트 내에 "packages" 라는 폴더내에 ExtJS 관련 테마 디렉토리들을 INCLUDE 해놓았을 것입니다. 만약 바로 검색해서 들어오신 분들이시라면 1장 연동부분을 참고해주세요 ▼2015/05/28 - [ExtJS] - ExtJS 기초강좌 1 - ExtJS 5.1 GPL 다운로드 및 연동하기 INCLUDE 해준 파일들 중 우리는 "sencha-c..