안드로이드 차트 라이브러리 - Essence Chart(에센스 차트) 변경 내용

안드로이드 Android Essence Chart SDK Change Log

SDK가 업데이트 되면 이곳에 공지합니다.
현재 개발 중인 내용도 참고하실 수 있습니다.

• Essence Chart SDK 1.0.0 - 2014-04-18
• 워터마크 추가.
• 색상 탬플릿 두개 추가.
• 기본 색상 탬플릿의 색상 변경.

• Essence Chart SDK 0.8.1 - 2014-03-19
• 차트 컨트롤 옵션 추가
•  채우기 속성 추가
•  종류(없음, 단일선, 이중선, 내부 굵은 이중선, 외부 굵은 이중선)
•  색상 지정
• 차트 영역 옵션 추가
•  채우기 속성 추가
• 채우기(없음, 단색)
• 채우기 색(색상 지정)
• 제목 옵션 추가
• 채우기 속성 추가
• 채우기(없음, 단색)
• 채우기 색(색상 지정)
• 테두리(없음, 실선)
• 테두리 색(색상 지정)
• 범례 옵션 추가
• 채우기 속성 추가
• 채우기(없음, 단색)
• 채우기 색(색상 지정)
• X축 제목 옵션 추가
• 채우기 속성 추가
• 채우기(없음, 단색)
• 채우기 색(색상 지정)
• 테두리(없음, 실선)
• 테두리 색(색상 지정)
• Y축 제목 옵션 추가
• 채우기 속성 추가
• 채우기(없음, 단색)
• 채우기 색(색상 지정)
• 테두리(없음, 실선)
• 테두리 색(색상 지정)
• Y2축 제목 옵션 제공
• 제목 입력
• 글꼴
• 채우기 속성 추가
• 채우기(없음, 단색)
• 채우기 색(색상 지정)
• 테두리(없음, 실선)
• 테두리 색(색상 지정)
• Z축 제목 옵션 추가
• 채우기 속성 추가
• 채우기(없음, 단색)
• 채우기 색(색상 지정)
• 테두리(없음, 실선)
• 테두리 색(색상 지정)
• 데이터 옵션 제공
• 열 데이터 속성 추가
• 열 데이터 별, 모든 열 데이터 속성 설정 기능 제공
• 열 데이터 숨기기, 열 데이터 제외하기 설정 제공
• 행 데이터 속성 추가
• 행 데이터 별, 모든 행 데이터 속성 설정 기능 제공
• 오류 수정
• Chart.setSourceData API 오류 수정

• Essence Chart SDK 0.7.13 - 2013-08-09
• 차트 컨트롤 옵션
• 테두리 "없음"을 기본 값으로 변경
• 채우기 속성 지원
• 차트 제목 옵션
• 글꼴 "스트일-굵게, 크기-24"를 기본값으로 변경
• 채우기 속성 지원
• 차트 영역 옵션
• 테두리 "없음"을 기본 값으로 변경
• 채우기 속성 지원
• 차트 범례 옵션
• 범례 보기를 기본 값으로 변경
• 테두리 설정 기능 추가
• 채우기 속성 지원
• 차트 축 옵션
• 채우기 속성 지원
• 두번째 Y축 지원
• 차트 데이터 옵션
• 열 데이터 속성
• 열 데이터 숨기기
• 열데이터 제외하기
• 행 데이터 속성
• 위치 속성
• 채우기 속성
• 데이터 형식 속성
• 백분율 형식 속성

• Essence Chart SDK 0.7.12
• 차트 컨트롤 옵션
• 배경 그림 지정(PNG)
• 차트 영역 옵션 제공
• 배경 그림 지정(PNG)

• Essence Chart SDK 0.7.11
• 차트 컨트롤 옵션
• 테두리 보기/숨기기 기능
• 차트 영역 옵션 제공
• 테두리 보기/숨기기 기능
• 차트 제목 옵션 제공
• 텍스트 입력
• 보기/숨기기
• 위치 설정
• 글꼴 설정(크기, 색상)
• 차트 축 옵션 제공
• X, Y, Z 축 지원
• 축 제목 입력
• 보기/숨기기
• 글꼴 설정(크기, 색상)

• Essence Chart SDK 0.7.10
• 차트 범례 옵션 제공
• 범례 위치(위쪽, 아래쪽, 왼쪽, 오른쪽, 오른쪽 위)
• 글꼴 설정(크기, 색상)

• Essence Chart SDK 0.7.9
• Data Queue 기능 제공
• 꺽은선형 그래프에만 적용 가능
• 다국어 - 일본어(日本語) 지원

• Essence Chart SDK 0.7.8
• 설치 프로그램 제공
• Android 
• ARMEBAI-V7 지원(ARMEBAI는 추후 지원 예정)
• Essence Chart SDK Sample App 제공(버전 0.7.8)
• JAVA interface 제공(JAR로 제공)
• 시작하기  제공
• 지원 하는 차트 유형
• 세로 막대형
• 묶은 세로 막대형
• 누적 세로 막대형
• 100% 기준 누적 세로 막대형
• 3차원 묶은 세로 막대형
• 3차원 누적 세로 막대형
• 3차원 100% 기준 누적 세로 막대형
• 꺽은선형
• 꺽은선형
• 누적 꺽은선형
• 표식이 있는 꺽은선형
• 3차원 꺽은선형
• 원형
• 원형
• 쪼개진 원형
• 3차원 원형
• 3차원 쪼개진 원형
• 가로 막대형
• 묶은 가로 막대형
• 누적 가로 막대형
• 100% 기준 누적 가로 막대형
• 3차원 묶은 가로 막대형
• 3차원 누적 가로 막대형
• 3차원 100% 기준 누적 가로 막대형
• 영역형
• 영역형
• 100% 기준 누적 영역형
• 3차원 영역형
• 3차원 100% 기준 누적 영역형
• XY(분산형)
• 표식만 있는 분산형
• 직선 및 표식이 있는 분산형
• 직선이 있는 분산형
• 주식형
• 고가-저가-종가
• 시가-고가-저가-종가
• 표면형
• 표면형(조감도)
• 3차원 표면형
• 도넛형
• 3차원 도넛형
• 3차원 쪼개진 도넛형
• 거품형
• 거품형
• 방사형
• 방사형
• 표식이 있는 방사형
• 콤보 차트
• 2차원 콤보
• 3차원 콤보
• 주요 기능
• 크기, 회전(XY), 원근감 설정 지원
• 범례 보기/숨기기 지원
• 애니메이션(묶은 세로 막대형/3차원 세로 막대형/묶은 가로 막대형/3차원 묶은 가로 막대형 차트)
• 색상 탬플릿 지원
• 한글 지원
• 허니컴(Android 3.2) 이하 버전에서 한글 지원
• Window
• 추후 지원 예정

• Essence Chart SDK 0.7.7
• 설치 프로그램 제공
• Android 
• ARMEBAI-V7 지원(ARMEBAI는 추후 지원 예정)
• Essence Chart SDK Sample App 제공(버전 0.7.7)
• JAVA interface 제공(JAR로 제공)
• 시작하기  제공
• 지원 하는 차트 유형
• 세로 막대형
• 묶은 세로 막대형
• 누적 세로 막대형
• 100% 기준 누적 세로 막대형
• 3차원 묶은 세로 막대형
• 3차원 누적 세로 막대형
• 3차원 100% 기준 누적 세로 막대형
• 꺽은선형
• 꺽은선형
• 누적 꺽은선형
• 표식이 있는 꺽은선형
• 3차원 꺽은선형
• 원형
• 원형
• 쪼개진 원형
• 3차원 원형
• 3차원 쪼개진 원형
• 가로 막대형
• 묶은 가로 막대형
• 누적 가로 막대형
• 100% 기준 누적 가로 막대형
• 3차원 묶은 가로 막대형
• 3차원 누적 가로 막대형
• 3차원 100% 기준 누적 가로 막대형
• 영역형
• 영역형
• 100% 기준 누적 영역형
• 3차원 영역형
• 3차원 100% 기준 누적 영역형
• 주요 기능
• 크기, 회전(XY), 원근감 설정 지원
• 범례 보기/숨기기 지원
• 애니메이션(묶은 세로 막대형/3차원 세로 막대형/묶은 가로 막대형/3차원 묶은 가로 막대형 차트)
• 한글 지원
• 오류 수정 
• 허니컴(Android 3.2)에서 죽는 오류 수정
• Window
• 추후 지원 예정

• Essence Chart SDK 0.7.6
• 설치 프로그램 제공
• Android 
• ARMEBAI-V7 지원(ARMEBAI는 추후 지원 예정)
• Essence Chart SDK Sample App 제공(버전 0.7.6)
• JAVA interface 제공(JAR로 제공)
• 시작하기  제공
• 주요 기능
• 묶은 세로 막대형 차트
• 3차원 세로 막대형 차트
• 꺽은선형 차트
• 3차원 꺽은선형
• 원형 차트
• 3차원 원형 차트
• 묶은 가로 막대형 차트
• 3차원 묶은 가로 막대형 차트
• 크기, 회전(XY), 원근감 설정 지원
• 범례 보기/숨기기 지원
• 애니메이션(묶은 세로 막대형/3차원 세로 막대형/묶은 가로 막대형/3차원 묶은 가로 막대형 차트)
• Window
• 추후 지원 예정

안드로이드 차트 라이브러리 - Essence Chart(에센스 차트) SDK 샘플 소스

Essence Chart SDK Sample App Source

에센스 차트 SDK 샘플 앱 소스를 공개합니다.
("Stefano Falasca"씨 찾으시던 소스를 이제 공개합니다.)

아래 주소로 가면 안드로이드 Play 스토어에 등록된 샘플 앱의 소스를 받으실 수 있습니다.
샘플 소스는 github를 통해서 업그레이드 될것입니다.

https://github.com/essencetech/essencechart


다운로드 ZIP

https://github.com/essencetech/essencechart/archive/master.zip

문의 사항은 블로그에 남겨주세요.

안드로이드 차트 라이브러리 - Essence Chart(에센스 차트) 라이브러리 시작하기

앱을 개발할 때 멋있는 차트를 넣어 보는 것은 어떨까요?

안드로이드(Android) Essence Chart(에센스 차트) 라이브러리를 이용하면 2D/3D 차트를 쉽게 만들 수 있습니다.

본 문서는 에센스 차트 라이브러리를 처음 사용하는 개발자들이 쉽게 따라할 수 있는 교재입니다.


에센스 차트의 특성은 다음과 같습니다.

• Essence Chart 라이브러리는 다양한 차트를 지원합니다. 지원 하는 차트의 종류는 Essence Chart가 지원하는 차트의 종류에서 확인 하실 수 있습니다.
• Essence Chart 라이브러리는 크기가 작습니다.
  Android용 라이브러리의 경우 3MB 정도의 크기 입니다.
• Essence Chart 라이브러리는 다양한 OS를 지원 합니다.
  현재 Android용만 제공 하고 있지만, 추후에 Window, iOS용도 제공할 예정입니다.
• Essence Chart 라이브러리는 무료로 사용 하실 수 있습니다.
  Essence Chart 라이브러리의 라이센스는 Essence Chart(에센스 차트) 라이센스에서 확인 하실 수 있습니다.

시작하기를 진행 하기 위해서는 반드시 Essence Chart SDK를 설치 해야만 합니다.
설치는 Essence Chart(에센스 차트) SDK 설치하기에서 확인 하실 수 있습니다.

Android 시작하기 - 1단계(Chart 생성)

Essence Chart 라이브러리는 Android에서 사용할 수 있는 JAR(Java Archive)를 제공합니다.
Android에서 쉽고 편하게 Chart를 생성 할 수 있습니다.
현재 Android에서는 다음과 같이 지원 되고 있습니다.

• SDK 설치 프로그램 제공
• Android JAR 제공
• 지원 Device : armebai-v7, armebai(armebai는 추후 지원 예정)
• SDK Demo APP 제공(Google Play에 등록 예정)
• Min SDK Version : Android 2.3.3(API 10)
• 동작 확인된 Device
  • 삼성 갤럭시 S2(Android 4.1.2, 젤리빈)
  • 삼성 갤럭시 S3(Android 4.1.2, 젤리빈)
  • 삼성 갤럭시 노트 10.1(Android 4.1.2, 젤리빈)
  • LG 옵티머스 G 프로(Android 4.1.2, 젤리빈)
  • 구글 Nexus7(Android 4.2.2, 젤리빈)
  • 구글 Nexus10(Android 4.2.2, 젤리빈)
• 일부 Device에서 정상 동작 하지 않을 수 있습니다.
  • 현재 armebai-v7만 지원됩니다.
  • Android OS 버전에 따라 동작 하지 않을 수 있습니다.
• 문의 사항은 댓글을 이용하시면 됩니다.

Android 시작하기 전에 다음 항목을 확인 하시기 바랍니다.

• Eclipse 설치 확인
  • Eclipse Classic 3.7.2를 사용하여 시작하기가 제작이 되어 있습니다.
  • 다른 버전(상위 버전)으로도 개발하는 것도 가능합니다만, 본 문서는 3.7.2 기준으로 설명이 되어 있어 메뉴나, 항목이 조금 다를 수 있습니다.
  • Eclipse Classic 3.7.2 다운로드
  • Eclipse 설치는 인터넷에 Eclipse 설치 관련 사이트를 참조하셔서 설치 하십시오.
• Android SDK 설치 확인
  • Android 시작하기는 Android SDK가 설치 되어 있어야 진행 할 수 있습니다.
  • Android 개발자 사이트에서 다운로드에서 다운 받을 수 있습니다.
  • Android SDK 설치는 인터넷에서 Android SDK 설치 관련 사이트를 참조하셔서 설치 하십시오.
• Essence Chart SDK 설치 확인
  • Android 시작하기는 Essence Chart SDK가 설치 되어 있어야 진행 할 수 있습니다.
  • Essence Chart(에센스 차트) SDK 설치하기를 참조하여 설치를 확인 하십시오.

아래 이미지에서 표기된 버전은 업데이트에 따라 버전은 다를 수 있습니다.

Android App 생성하기

eclipse를 실행한다.


File –> New –> Other 메뉴를 실행 한다.


Android –> Android Application Project를 선택 하고 “Next” 버튼을 선택 한다.


Application Name, Project Name, Package Name을 입력한다.
Minimum Required SDK 항목은 API 9: Android 2.3(Gingerbread)를 선택 한다.
Target SDK, Compile With, Theme는 상황에 맞게 선택한다.
“Next” 버튼을 선택 한다.


Create custom launcher icon, Create activity, Create Project in Workspace 항목의 Check를 켠다.
”Next” 버튼을 선택 한다.


아이콘 이미지 정보를 설정 한다.
”Next” 버튼을 선택 한다.


Create Active를 Check하고 BlankActivity를 선택 한다.
”Next” 버튼을 선택 한다.


Activeity Name, Layout Name 항목의 값을 입력한다.
(시작하기에서는 기본값을 사용한다, 만약 다른 값을 사용할 경우 해당 항목의 이름이 다를 수 있음)
”Finish”를 선택한다.

Essence Chart SDK 복사

설치한 Essence Chart SDK 폴더에서 JAR 파일과 library 폴더를 복사한다.
탐색기를 실행하여 Essence Chart SDK 폴더로 이동한다.
기본 설치 경로는 다음과 같다.

• Window 32bit : C:\Program Files\Essence Chart SDK\sdk\android
• Window 64bit : C:\Program Files (x86)\Essence Chart SDK\sdk\android

“armebai-v7a” 폴더와 “essence.chart.0.7.6.jar” 파일을 복사한다.
 

복사한 파일을 Eclipse의 Chart Projcet의 libs 폴더에 복사를 한다.


복사를 완료되면 libs 폴더에 “armebai-v7a” 폴더와 “essence.chart.0.7.6.jar” 파일이 복사 된 것을 확인한다.
 

layout에 chart 추가하기

Eclipse에서 res/layout/activity_main.xml파일을 선택한다.
(activity_main.xml은 Projcet를 생성시 지정한 파일임)


activeity_main.xml의 activity_main.xml 탭을 선택한다.
(Graphical Layout옆에 있는 activity_main.xml 탭을 선택)


TextView 항목을 다음과 같이 변경한다.

변경 전		변경 후
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     tools:context=".MainActivity" >     <TextView         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_centerHorizontal="true"         android:layout_centerVertical="true"         android:text="@string/hello_world" /> </RelativeLayout>		<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     tools:context=".MainActivity" >     <com.essence.chart.Chart         android:id="@+id/chart01"         android:layout_width="wrap_content"         android:layout_height="wrap_content" /> </RelativeLayout>

수정한 내용을 저장한다.
Project->Clean 메뉴를 선택 하여 Clean all projects를 선택 한다.

Chart App 실행

저장된 Project를 실행하여 Chart가 정상적으로 생성이 완료 되는지 확인한다.

Eclipse의 toolbar의 Run 버턴을 선택한다.
Run As 창이 나타다면 “Android Application”을 선택 후 “OK” 버턴을 선택 한다.


정상적으로 빌드가 되면 Android Device Chooser가 표시된다.
Android Device Chooser에서 원하는 Device를 선택 하고 “OK” 버튼을 선택 한다.



정상적으로 실행이되면 Device에 다음과 같은 Chart App이 실행이 된다.

• 삼성 갤럭시 S2

• 삼성 갤럭시 노트 10.1

• Google Nexus7

안드로이드 차트 라이브러리 - Essence Chart(에센스 차트) SDK 설치하기

Essence Chart SDK는 Essence Chart Library를 사용하여 App을 개발하기 위해서 설치 프로그램을 제공합니다.
Essence Chart SDK를 설치 하신 후 제공되는 Library를 App 개발하고자 하는 Project에 복사 하는 형태로 사용합니다.
Essence Chart SDK는 다음 항목을 포함 하고 있습니다.

• 설치 프로그램은 Window용 설치 프로그램입니다.
• Android용 Library
  • JAVA Library(JAR)
  • Native Binary Library(so)
• Window용 Library(추후 제공 예정)

Essence Chart SDK 0.7.6을 이미 설치 하셨으면 Essence Chart(에센스 차트) 라이브러리 시작하기를 참조 하셔서 App을 개발 할 수 있습니다.

Essence Chart SDK 0.7.6를 다운로드는 Essence Chart(에센스 차트) 다운로드에서 다운로드 받을 수 있습니다.

Essence Chart SDK 설치 방법은 다음과 같습니다.

다운로드 받은 설치 프로그램을 실행 한다.

설치 프로그램에서 사용할 언어를 선택 한다.
 


Essence Chart SDK 설치를 시작 합니다.

사용권 계약 내용을 확인 하신 후 “동의함” 버튼을 선택 하십시오.

설치 위치를 선택 하신 후 "다음"을 선택 하십시오.




시작 메뉴 폴더를 선택 하신 후 "설치"을 선택 하십시오.




설치가 성공하면 "다음" 을 선택 하십시오.




Essence Chart SDK 설치가 완료 되었습니다.




이제 Essence Chart(에센스 차트) 라이브러리 시작하기를 참조 하셔서 App을 개발 할 수 있습니다.

안드로이드 차트 라이브러리 - Essence Chart(에센스 차트)가 지원하는 차트의 종류

안드로이드 Android Essence Chart는 많은 종류의 차트를 지원하고 있으며, 지속적으로 새로운 형식의 차트를 늘려갈 예정입니다.

현재 지원하고 있는 차트의 종류는 다음과 같습니다.

• 세로 막대형
• 묶은 세로 막대형
• 누적 세로 막대형
• 100% 기준 누적 세로 막대형
• 3차원 묶은 세로 막대형
• 3차원 누적 세로 막대형
• 3차원 100% 기준 누적 세로 막대형
• 꺽은선형
• 꺽은선형
• 누적 꺽은선형
• 표식이 있는 꺽은선형
• 3차원 꺽은선형
• 원형
• 원형
• 쪼개진 원형
• 3차원 원형
• 3차원 쪼개진 원형
• 가로 막대형
• 묶은 가로 막대형
• 누적 가로 막대형
• 100% 기준 누적 가로 막대형
• 3차원 묶은 가로 막대형
• 3차원 누적 가로 막대형
• 3차원 100% 기준 누적 가로 막대형
• 영역형
• 영역형
• 100% 기준 누적 영역형
• 3차원 영역형
• 3차원 100% 기준 누적 영역형
• XY(분산형)
• 표식만 있는 분산형
• 직선 및 표식이 있는 분산형
• 직선이 있는 분산형
• 주식형
• 고가-저가-종가
• 시가-고가-저가-종가
• 표면형
• 표면형(조감도)
• 3차원 표면형
• 도넛형
• 3차원 도넛형
• 3차원 쪼개진 도넛형
• 거품형
• 거품형
• 방사형
• 방사형
• 표식이 있는 방사형
• 콤보 차트
• 2차원 콤보
• 3차원 콤보