jQuery 차트 라이브러리 플러그인 5선 [jquery 플러그인 라이브러리]_기본지식

GraphUp jQuery 플러그인 - $15

Graphup은 데이터 테이블을 아름답게 만드는 데 사용되는 매우 가볍고 유연한 jQuery(v1.4+) 플러그인입니다. 색상, 히스토그램 및 그래프를 사용하여 데이터를 효과적으로 표시할 수 있습니다.

다양한 옵션 지원 - 데이터 클리너 및 페인트 도구 선택: 채우기, 열, 전체 차트, 소수점 구성(마침표 또는 쉼표 지원), 색상 표 및 해당 CSS 클래스 등을 사용자 정의합니다. - 전체 플러그인의 확장 가능 용량은 4kb에 불과합니다. 나만의 클리너와 페인트 도구 또는 색상표를 쉽게 만들 수 있습니다. 또한 색상을 지정하기 전에 셀에 대한 작업을 수행하는 콜백이 있습니다. 매우 유연하며 가능성은 무궁무진합니다! 기능 향상을 통해 데모를 볼 수 있습니다. 자바스크립트 없이도 원본 테이블을 계속 볼 수 있습니다. - 라이브 예제 및 문서.

호환성: Chrome 5, FireFox 2, FireFox 3, IE7, IE8, Opera, Safari

1. jQuery 시각화 플러그인

테이블의 내용을 그래픽으로 표시하고 싶다면 이 플러그인이 최고의 표시 도구가 될 것입니다. 막대형 차트, 원형 차트, 영역형 차트, 꺾은선형 차트 등 다양한 유형의 아이콘을 제공합니다

시연예

지원되는 차트: 막대형 차트, 원형 차트, 영역형 차트, 꺾은선형 차트

시스템 요구사항: jQuery, exanvas(포함)

브라우저 지원: IE6, 7, 8, Firefox 2, Firefox 3.5, Safari 3, 4, Opera 9.
HTML5 Canvas는 IE에서 지원되지 않지만 Google은 Canvas를 VML로 변환할 수 있는 클래스 라이브러리를 유지 관리하므로 모든 IE 버전에서 실행할 수 있습니다

라이센스 유형: MIT 및 GPL 라이센스

2. 하이차트

highcharts는 훌륭한 jQuery 플러그인입니다. 간단히 말해서 highcharts는 iPhone을 포함한 대부분의 브라우저와 호환됩니다. 다양한 유형의 차트가 지원됩니다. 그리고 차트 생성 후 시퀀스, 축, 포인트 등을 쉽게 추가, 삭제, 수정할 수 있으며, 외부에서 파일 데이터를 불러와서 쉽게 볼 수 있도록 지원합니다. 차트에 자세한 내용이 나와 있습니다. 마지막으로 크기 조정 및 뒤집기가 지원됩니다.

시연예

지원되는 차트: 막대형 차트, 원형 차트, 영역형 차트, 꺾은선형 차트, 스플라인 차트, 원통형 차트, 분산형 차트, 영역스플라인

시스템 요구사항: jQuery 또는 MooTools

브라우저 지원: IE6,7,8, Firefox 2, Firefox 3.5, Safari 3, 4, Opera 9, IPhone!

라이센스 유형: Creative Commons Attribution Non-Commercial 3.0 라이센스. 학교, 비영리 단체 및 개인은 무료로 사용할 수 있습니다. 상업용 웹사이트 하나의 비용은 US$80

3. 플롯

Flot의 작성자는 이를 "매력적인 자바스크립트 플롯의 jQuery 버전"이라고 부릅니다. 매우 간단하고 실용적이며 차트를 쉽게 만들 수 있습니다. 모든 옵션은 선택 사항입니다. 주요 기능에는 시리즈 전환, 확대/축소, 데이터 포인트 상호 작용 및 간단한 프롬프트 상자가 포함됩니다

시연예

지원되는 차트: 막대형 차트, 원형 차트, 포인트 차트, 꺾은선형 차트

시스템 요구사항: jQuery

브라우저 지원: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Konqueror 4+

라이센스 유형: MIT 및 GPL 라이센스

4. jQuery 스파크라인

스파크라인은 HTML 또는 Javasript로 작은 행간 차트를 생성할 수 있으며, 이는 특히 미니 차트를 표시하는 데 유용합니다. 아이콘 생성을 완료하는 데 단 한 줄만 사용하기 때문입니다. 또 다른 매우 나쁜 기능은 자체 새로 고침입니다. 마우스 움직임 캡처에 대한 온라인 데모를 볼 수 있습니다.

시연예

지원되는 차트: 막대 차트, 원형 차트, 선형 차트, Tristate, Bullet, Box Plot

시스템 요구사항: jQuery

브라우저 지원: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Google Chrome

라이센스 유형: MIT 및 GPL 라이센스

5. jqPlot

처음에는 눈에 띄지 않았지만, 심도 있게 조사한 결과 실제로 최고의 무료 jQuery 차트 플러그인 중 하나였습니다. 수많은 옵션을 사용할 수 있으며 그림자 및 드래그 작업도 설정할 수 있습니다. 추세선은 자동으로 계산될 수도 있습니다. 개인적으로는 하이차트와도 비교할 수 있다고 생각합니다.

시연예

지원되는 차트: 막대형 차트, 원형 차트, 꺾은선형 차트

시스템 요구사항: jQuery

브라우저 지원: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Google Chrome

라이센스 유형: MIT 및 GPL 버전 2 라이센스