Angular Google 차트-개요

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

angular-google-chartsAngular 애플리케이션 내에서 우아하고 기능이 풍부한 Google Charts 시각화를 제공하는 Google Charts 용 오픈 소스 각도 기반 래퍼이며 Angular 구성 요소와 함께 원활하게 사용할 수 있습니다. Angular 응용 프로그램 내에서 적절한 예제와 함께 Google 차트의 모든 기본 구성 요소를 설명하는 장이 있습니다.

풍모

다음은 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는 오픈 소스이며 무료로 사용할 수 있습니다. 링크를 따르십시오- 서비스 약관 .