Google 차트-개요

Google Charts인터랙티브 차트 기능을 추가하여 웹 애플리케이션을 향상시키기위한 순수한 JavaScript 기반 차트 라이브러리입니다. 다양한 차트를 지원합니다. 차트는 Chrome, Firefox, Safari, Internet Explorer (IE)와 같은 표준 브라우저에서 SVG를 사용하여 그려집니다. 레거시 IE 6에서는 VML이 그래픽을 그리는 데 사용됩니다.

풍모

다음은 Google 차트 라이브러리의 두드러진 기능입니다.

  • Compatability − Android 및 iOS와 같은 모든 주요 브라우저 및 모바일 플랫폼에서 거의 작동하지 않습니다.

  • Multitouch Support− Android 및 iOS와 같은 터치 스크린 기반 플랫폼에서 멀티 터치를 지원합니다. iPhone / iPad 및 Android 기반 스마트 폰 / 태블릿에 이상적입니다.

  • Free to Use − 오픈 소스이며 비상업적 인 목적으로 무료로 사용할 수 있습니다.

  • Lightweight − loader.js 코어 라이브러리는 매우 가벼운 라이브러리입니다.

  • Simple Configurations − json을 사용하여 차트의 다양한 구성을 정의하고 배우고 사용하기 매우 쉽습니다.

  • Dynamic − 차트 생성 후에도 차트 수정이 가능합니다.

  • Multiple axes− x, y 축으로 제한되지 않습니다. 차트에서 다중 축을 지원합니다.

  • Configurable tooltips− 사용자가 차트의 아무 지점이나 마우스 오버하면 도구 설명이 표시됩니다. googlecharts는 툴팁을 프로그래밍 방식으로 제어하는 ​​툴팁 내장 포맷터 또는 콜백 포맷터를 제공합니다.

  • DateTime support− 날짜 시간을 특별히 다루십시오. 날짜 현명한 카테고리에 대한 수많은 내장 컨트롤을 제공합니다.

  • Print − 웹 페이지를 사용하여 차트를 인쇄합니다.

  • External data− 서버에서 동적으로 데이터로드를 지원합니다. 콜백 함수를 사용하여 데이터를 제어 할 수 있습니다.

  • Text Rotation − 모든 방향으로 라벨 회전을 지원합니다.

지원되는 차트 유형

Google 차트 라이브러리는 다음과 같은 유형의 차트를 제공합니다.

Sr. 아니. 차트 유형 및 설명
1

Line Charts

선 / 스플라인 기반 차트를 그리는 데 사용됩니다.

2

Area Charts

영역 별 차트를 그리는 데 사용됩니다.

Pie Charts

원형 차트를 그리는 데 사용됩니다.

4

Sankey Charts, Scatter Charts, Stepped area charts, Table, Timelines, TreeMap, Trendlines

흩어진 차트를 그리는 데 사용됩니다.

5

Bubble Charts

거품 기반 차트를 그리는 데 사용됩니다.

6

Dynamic Charts

사용자가 차트를 수정할 수있는 동적 차트를 그리는 데 사용됩니다.

7

Combinations

다양한 차트의 조합을 그리는 데 사용됩니다.

8

3D Charts

3D 차트를 그리는 데 사용됩니다.

9

Angular Gauges

속도계 유형 차트를 그리는 데 사용됩니다.

10

Heat Maps

히트 맵을 그리는 데 사용됩니다.

11

Tree Maps

트리 맵을 그리는 데 사용됩니다.

다음 장에서는 위에서 언급 한 각 유형의 차트를 예제와 함께 자세히 설명하겠습니다.

특허

Google Charts는 오픈 소스이며 무료로 사용할 수 있습니다. 링크 : 서비스 약관 .