MPR | 하이 차트 파이 예제
155729
single,single-post,postid-155729,single-format-standard,ajax_fade,page_not_loaded,,select-theme-ver-3.2.1,popup-menu-slide-from-left,wpb-js-composer js-comp-ver-4.12,vc_responsive
 

하이 차트 파이 예제

하이 차트 파이 예제

HichChart를 사용하여 각 응용 프로그램에서 도넛 (원형) 차트를 제시하고 있습니다. 문제는 그래프의 `내부 크기`가 계열에 제공된 값으로 변경된다는 것입니다. 차트에는 계열에 두 개의 값만 있습니다. 예를 들어 계열 값을 50과 50으로 제공하면 차트 내부 크기가 매우 얇아집니다. 값을 20과 80으로 제공하면 괜찮아 보입니다. 4 단계 : 대상 컨테이너에 메서드 하이 차트를 호출하여 하이 차트 라이브러리를 초기화. 하이 차트는 웹 프로그래밍 언어를 도와 멋진 차트를 만드는 데 사용되는 매우 인기있는 차트 라이브러리입니다. 하이차트는 순수한 자바 스크립트로 작성됩니다. 그는 귀하의 웹 사이트 또는 웹 응용 프로그램에 대화 형 차트를 추가하는 쉬운 방법을 제공하고 있습니다. 높은 차트는 현재 선, 스프라인, 영역, 영역스펜라인, 열, 바, 원형, 산란, 각도 게이지, 영역 범위, 영역 범위, 기둥 범위, 거품, 상자 플롯, 오류 막대, 깔때기, 폭포 및 극지 차트 유형을 지원합니다.

여기에서는 PHP의 도움으로 PIE 차트를 만드는 방법을 배웁니다. PHP는 가장 인기있는 스크립팅 언어이며, 하이차트는 PIE 차트를 렌더링하는 인수로 json 객체를 사용합니다. PIE 차트를 만들기 위해 따라야 할 다음 단계가 있습니다: 여기 키는 레이블 이름이며 값은 PIC 차트 조각의 값입니다. 해결책은 innerSize를 파이의 백분율로 사용하는 것입니다. 그것은 버전 6에서 아이폰 / 아이 패드와 인터넷 익스플로러를 포함한 모든 현대 모바일 및 데스크톱 브라우저에서 작동합니다. 원형 차트는 숫자 비율을 설명하기 위해 조각으로 분할되는 원형 그래픽입니다. 내 응용 프로그램에서 `package.json` 파일은 하이차트 버전을 “하이차트”: “^6.1.4”, “하이차트 각도”: “^2.3.0″로 표시합니다. 내 각 버전과 아래의 몇 가지 추가 정보를 찾아보십시오. 이 수수께끼를 해결하기 위해 저를 도와주세요. 2 단계 : 원형 차트를 만드는 데 사용되는 PHP 배열을 만듭니다. 3 단계 : 원형 차트의 컨테이너로 사용되는 div 요소를 만듭니다. 1단계: 인덱스.html 파일에 jQuery 및 하이차트 라이브러리를 포함합니다.

해결책은 매우 쉽습니다. 50을 설정하면 50개의 dataLables가 수평으로 배치되고 많은 공간을 차지하며 innerSize 값이 고정되어 있으므로(예제에서 innerSize = 250) 플롯 영역에서 차트에 맞출 수 있는 유일한 옵션은 원형 두께를 줄이는 것입니다. 더 넓은 화면에서 동일한 설정을 확인하면 볼 수 있습니다. 흥미로운 점은 JsFiddle에서 50 및 50 시나리오에 대해 작성한 것과 동일한 코드를 실행하면 차트 내부 크기가 얇아지지 않는다는 것입니다. 자바 스크립트 + 각도JS 2.0.0-알파.47 – (JsFiddle에서, 나는 가장 관련성이 큰 개발 설정을 선택했다는 점에 유의하시기 바랍니다). 계열에 대한 구성 옵션은 세 가지 수준으로 제공됩니다.

No Comments

Sorry, the comment form is closed at this time.