Highcharts-개요

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

Highcharts 라이브러리의 특징

이제 Highcharts 라이브러리의 몇 가지 중요한 기능에 대해 논의하겠습니다.

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

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

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

  • Lightweight − 거의 35KB 크기의 highcharts.js 코어 라이브러리는 매우 가벼운 라이브러리입니다.

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

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

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

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

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

  • Export − 내보내기 기능을 활성화하여 차트를 PDF / PNG / JPG / SVG 형식으로 내 보냅니다.

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

  • Zoomablity − 데이터를보다 정확하게 볼 수 있도록 확대 / 축소 차트를 지원합니다.

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

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

지원되는 차트 유형

Highcharts 라이브러리는 다음 유형의 차트를 제공합니다-

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

Line Charts

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

2

Area Charts

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

Pie Charts

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

4

Scatter Charts

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

5

Bubble Charts

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

6

Dynamic Charts

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

7

Combinations

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

8

3D Charts

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

9

Angular Gauges

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

10

Heat Maps

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

11

Tree Maps

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

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

특허

Highcharts는 오픈 소스이며 비상업적 목적으로 무료로 사용할 수 있습니다. 상업 프로젝트에서 Highcharts를 사용하려면 링크를 따르십시오- 라이센스 및 가격