이전강좌까지 type이 'cartesian' 즉, X/Y 좌표로 구분이 되는 그래프 차트에 대한 강좌를 진행했었습니다. 2015/07/21 - [ExtJS] - ExtJS 기초강좌 26 - 센차 차트 연동하여 그래프 출력을 시켜보도록 하자 2015/07/23 - [ExtJS] - ExtJS 기초강좌 27 - 세로형 막대 그래프 차트 알아보기 2015/07/24 - [ExtJS] - ExtJS 기초강좌 28 - 3D 세로형 막대 그래프 출력시켜보자 2015/07/25 - [ExtJS] - ExtJS 기초강좌 29 - 세로형 막대차트를 변형하여 가로형으로 바꿔보자 2015/07/26 - [ExtJS] - ExtJS 기초강좌 30 - 선형(Line) 차트 그래프를 출력해보기 2015/07/29 - [ExtJS..

이번에는 ExtJS 5.1 에서 추가된 훌륭하고 스펙타클(?) 한 기능인 3D 차트 중 하나인 3D 세로형 막대그래프를 한번 출력해보도록 하겠습니다. 3d 그래프의 경우 내부적인 요소는 기존에 출력되는 그래프의 요소와 동일하고 type에 대한 설정부분만 변경해주면 되는것 같습니다.이전 강좌인 코드에서 type 부분만을 변경하고 동일한 화면과 기능을 이용하겠습니다. 기본 3D 세로형 막대그래프 이전 코드에서 다루었던 첫번째 코드를 보겠습니다. ▼ 코드가 작성 되었는데, 상단 코드에서 딱! 3가지만 변경을 하면 아름다운 3D 그래프를 출력할 수 있습니다.그게 무엇이나하면..... axes 내에 정의되어있는 type config 와 series 내에 정의되어있는 type config 입니다.변경은 아래와 같습..

ExtJS에서 제공하는 차트그래프에 대해서 알아보도록 하겠습니다.이번장에서는 컴포넌트 출력관련 강좌가아닌, ExtJS에서 제공하는 센차차트(Sencha Chart)의 종류 및 중요한 config 속성에 대해서 간단하게 설명을 진행하고자 합니다. ExtJS에서 제공하는 차트의 종류는 아래와 같습니다. ▼Column ChartsBar ChartsLine ChartsArea ChartsScatter ChartsFinancial ChartsPie ChartsRadial ChartsGauge ChartsCombination Charts ExtJS 5.1버전부터 3D 차트 그래프가 추가가 되어 이전보다 화려한 그래프 표현이 가능합니다.차트관련 클래스는 2가지가 존재합니다. ▼Ext.chart.CartesianCha..