amcharts 시작하기

Download amcharts eBook

비고

amCharts는 Serial, Pie 등과 같은 일반 차트 유형과 Stock Charts 및 Maps와 같은 고급 차트 유형을 포함하는 JavaScript 기반 데이터 시각화 라이브러리 세트입니다.

소개

amChart를 사용하려면 먼저 필요한 JavaScript 라이브러리를 포함해야합니다.

amcharts.js - 모든 amCharts 작업에 필요한 하나 개의 중앙 도서관이있다. 먼저 포함시켜야하며 의무 사항입니다.

각 차트 유형에는 차트 유형별 포함이 필요합니다. 예를 직렬 차트를 들면,도 serial.js이 필요합니다, 원형 차트 등 pie.js가 필요합니다

동일한 웹 페이지에서 여러 다른 차트 유형을 표시하는 경우 해당 페이지에 표시되는 모든 차트 유형 포함을 포함시켜야합니다.

추가 포함 사항

주요 필수 기능 인 include 외에도 테마 및 플러그인과 같은 다른 포함이 필요할 수 있습니다. 그것들은 각각 / themes // plugins / sub-directories에 있습니다.

즉 :

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/dataloader/dataloader.min.js"></script>
 

차트 만들기

차트는 HTML 컨테이너와 차트를 인스턴스화하는 JavaScript 코드로 구성됩니다.

HTML

차트 컨테이너로 <div> 요소를 사용합니다.

<div id="chartdiv" style="height: 300px;"></div>
 

자바 스크립트

차트를 인스턴스화하기 위해 AmCharts.makeChart() 함수를 사용합니다. 첫 번째 매개 변수는 차트를 배치 할 컨테이너의 ID이고, 두 번째 매개 변수는 차트 구성이있는 객체입니다.

적어도 차트 유형을 보유하는 type 매개 변수를 포함해야합니다.

<div id="chartdiv" style="height: 300px;"></div>
 

amCharts CDN에서로드 중

AmCharts는 웹 서버에서 라이브러리를 직접로드 할 수있는로드 균형을 갖춘 안정적인 CDN을 제공합니다. Include 의 기본 URL로 https://www.amcharts.com/lib/3/ 을 사용 하십시오 .

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
 

자신의 서버에서 라이브러리로드하기

이를 위해, 필요한 amCharts 제품 ZIP 아카이브 [1]을 다운로드하십시오.

압축을 풀고 웹 서버의 어딘가에 놓습니다. 즉, / amcharts / 하위 디렉토리에 있습니다.

그런 다음 <script> 태그를 사용하여로드하십시오.

<script src="amcharts/amcharts.js"></script>
<script src="amcharts/serial.js"></script>
 

Stats

27 Contributors: 3
Tuesday, September 13, 2016
아래 라이선스: CC-BY-SA

와 제휴하지 않음 Stack Overflow
Rip Tutorial: info@zzzprojects.com

eBook 다운로드