ExtJS 6 강좌 영상은 링크를 통해 제공됩니다. (YOUTUBE 채널 구독해주세요!!) https://youtu.be/Gc2-7RRDcG4 데이터 바인딩 (Data Binding) ViewModel과 데이터 바인딩은 ExtJS 의 강력한 것 중 일부입니다.같이 사용하게 되면 데이터와 UI 간의 비즈니스 로직이 끊기지 않는 연결관계를 만들 수 있습니다. 바인딩이 가능한 CONFIG 설정은 bind 라는 속성내에 GET/SET을 지원하는 CONFIG 를 정의 후 value부분에 중괄호 - "{value}" 와같이 정의를 해주어야 합니다. MVVM 구조 이해하기 우리는 기존에 app.js 라는 파일내에 모든 컴포넌트 + 기능들을 기술하여 화면에 출력 하고 기능을 동작시켜 보았습니다. 하지만, 페이지가 늘어..
ExtJS 6 차트 컴포넌트 강좌 영상은 링크를 통해 제공됩니다. (YOUTUBE 채널 구독해주세요!!) https://youtu.be/IBEcrYE0kgw 원형그래프 원형차트는 전체 데이터에 비례하는 데이터 조각을 보여줍니다.범주 전체를 빠르고 간단하게 비교할 수 있는 뛰어난 기능입니다. XY 축으로 이루어지지 않는 차트컴포넌트는 polar 컴포넌트를 이용 원형, 레이더, 계량기 관련 차트 컴포넌트를 이용할 경우에는 polar 차트를 이용합니다. polar 컴포넌트에서 axes가 필요없는 차트는 ? 원형그래프 레이더 및 계량기 그래프 관련해서는 axes config 이용이 되는 반면, 원형차트는 축에대한 기준이 필요 없으므로 axes config를 사용하지 않아도 가능합니다. 기존 원형그래프에서 도넛모..
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/VzS036iTMAs 영역 그래프 영역차트는 선 사이의 영역을 구별하여 데이터를 표시시간이 지남에 따라 함계를 표시하여 경향을 측정하는데 주로 이용합니다 범례선언 위와같이 엑셀에서 그래프 출력 시, 하단에 빨간 네모부분을 범례라고 부릅니다.ExtJS 역시 , legend 라는 config를 이용해서 범례 표시가 가능합니다.대신, legend 속성만 설정한다고 정상적으로 출력이 되지 않고, 임의의 값으로 범례들이 출력됩니다.이 부분을 해결하기 위해서는, 각 series config object에 title 을 작성 해주어야 합니다.이 title 속성은 사람이 읽을수 있는 ..