하 이 카 트 사용 안내

이 글 은 인터넷 에서 왔 다.
원문의 제목: 하 이 카 트 사용 안내
HighCharts 소개
Highcharts 순수한 자 바스 크 립 트 로 작 성 된 도표 라 이브 러 리 로 웹 사이트 나 웹 응용 프로그램 에 풍부 하고 아름 답 고 상호작용 이 있 는 도 표를 간편 하 게 추가 할 수 있 으 며 개인 학습, 개인 사이트 와 비상 업적 인 용도 로 무료 로 사용 할 수 있 습 니 다.현재 하 이 차 트 가 지원 하 는 도표 유형 은 곡선 도, 구역 도, 기둥 모양 도, 떡 모양 도, 산 상 점도 와 종합 도표 가 있다.
HighCharts 인터페이스 가 아름 답 습 니 다. 자 바스 크 립 트 를 사용 하여 작 성 했 기 때문에 플래시 나 자바 처럼 플러그 인 이 필요 하지 않 고 실행 속도 가 빠 릅 니 다.또한 하 이 차 트 는 아이 폰 과 진부 한 IE6 를 포함 한 거의 모든 브 라 우 저 를 호 환 하 는 호환성 도 좋다.Highcarts 는 다양한 매개 변수 설정 도 제공 하고 개발 자 는 서로 다른 설정 을 통 해 각종 도 표를 생 성 할 수 있다.그 밖 에 Highcharts 는 도표 내 보 내기, 도표 부분 확대, 도표 알림, 다 중 도표 공존 등 여러 가지 특성 이 현재 대부분의 브 라 우 저 를 완벽 하 게 지원 할 수 있 습 니 다.현재 공식 최신 버 전 은 하 이 차 트 2.3.2 이다.
HighCharts 의 주요 특징
HighCharts 의 주요 특성 은:

속도 가 빠 르 고 아담 해 보 이 며 화면 이 예뻐요.

플래시 나 자바 처럼 플러그 인 이 필요 하지 않 습 니 다.

팝 업 창 은 ㎡] 에 문제 가 있 습 니 다.현재 브 라 우 저 창 에서 쐐기풀

을 열 수 있 습 니 다.

원 클릭.팝 업 된 '열 줄' 코 반 람 기 창 에서 사용 자 는 현재 팝 업 된 '열 층꽃풀' 을 유지 하고 웹 페이지 를 계속 스크롤 할 수 있 습 니 다. 닫 지 않 아 도 됩 니 다.

대량의 설정 옵션 과 확장 성.하나의 구성 요소 시스템 ㎡ y 는 사용 하지 않 은 기능 을 10kB 의 파일 크기 로 압축 할 수 있 습 니 다.

뛰어난, 무조건 적 이 고 무제 한 사용자 신분, 상업 지원 과 비상 업 사용 자 를 포함한다.

좋 은 호환성 과 접근 성 을 가지 고 있 습 니 다. 사용자 가 자바 scrip 이 실 효 된 상황 에서 초기 버 전의 브 라 우 저 를 사용 할 때 브 라 우 저 는 그림 자체 나 미리 지정 한 HTML 페이지 로 재 설정 합 니 다.HighCharts 는 순수한 JavaScript 로 작성 되 어 현재 대부분의 브 라 우 저 를 호 환 합 니 다. 아이 폰, IE, 불 여우 등 을 포함 합 니 다.

도표 의 유형 이 매우 많다. 하 이 차 트 는 현재 곡선 도, 지역 도, 기둥 모양 도, 떡 모양 도, 산 상 점도 와 종합 도표 등 여러 가지 도표 유형 을 지원 하여 각종 수 요 를 만족 시 킬 수 있다.

언어의 제약 을 받 지 않 습 니 다. HighCharts 는 대부분의 WEB 개발 에서 사용 할 수 있 고 개인 사용자 에 게 무료 로 ASP, PHP, JAVA,. NET 등 다양한 언어 에서 사용 할 수 있 습 니 다.

알림 기능: HighCharts 가 생 성 한 도표 에서 데이터 점 에 알림 효 과 를 표시 하도록 설정 할 수 있 고 마 우 스 를 특정한 데이터 점 으로 이동 하면 이 점 의 상세 한 데 이 터 를 표시 할 수 있 으 며 표시 효 과 를 설정 할 수 있 습 니 다.

확대 기능: HighCharts 는 대량의 데 이 터 를 집중 적 으로 표시 할 수 있 고 특정한 부분의 도형 을 확대 하여 도표 의 정 도 를 확대 하고 상세 하 게 표시 할 수 있 으 며 가로 또는 세로 로 확대 할 수 있다.

시간 축: 밀리초 까지 정확 합 니 다.

시스템 요구 사항: jQuery 또는 MooTools
브 라 우 저 지원: IE6, 7, 8, Firefox 2, Firefox 3.5, Safari 3, 4, Opera 9, IPhone!
권한 수여 유형: Creative Commons Attribution Non - Commercial 3.0 License. 학교, 비 영리 조직 및 개인 무료 사용.
HighCharts 사용 준비
우 리 는 먼저 jquery 라 이브 러 리 와 highcharts 도표 라 이브 러 리 를

<script type="text/javascript" src=\'#\'" /jquery.js"></script>  <script type="text/javascript" src=\'#\'" /highcharts.js"></script>  

XHTML 코드
도표 가 필요 한 페이지 body 에 다음 코드 를 추가 합 니 다.

<div id="higrid_net_chart_line" style="width: 800px; height: 400px; margin: 0 auto"></div>  

물론 위의 하 이 카 트 의 설치 과정 이 너무 번거롭다 고 생각한다 면 가장 간단 한 방법 은 하 이 카 트 를 다운로드 하 는 가장 간단 한 예 입 니 다. 위의 js 와 Css 가 합 쳐 져 서 하 이 카 트 를 빠르게 시작 할 수 있 습 니 다.
자 바스 크 립 트 코드
구체 적 으로 하 이 망 의 온라인 프 리 젠 테 이 션 코드 를 보 세 요. 그러면 예 쁜 선형 도 표를 만 들 수 있 습 니 다.하 이 카 트 의 응용 에 대해 더 깊이 이해 하려 면 하 이 망 뒤의 글 을 주목 하 세 요.