! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

여러개 차트 추가하기 문의 > Q&A | 토론

본문 바로가기

PureJS 여러개 차트 추가하기 문의

페이지 정보

작성자 Nexus 작성일 2022-09-15 11:38 조회 1,021회 댓글 0건
제품 버전 : 2022V1
컨트롤 이름 : chart

본문

안녕하세요


한페이지에 다중원형차트를 쓰지않고 별개의 차트를 추가하고싶습니다.


어떻게 추가해야하는지 답변부탁드립니다.


추가로 원형차트의 높이를 수동으로 설정하는방법도 문의드립니다.


감사합니다.

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: 여러개 차트 추가하기 문의

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK다이애나 작성일 2022-09-15 17:09 댓글 0건

본문

안녕하세요 그레이프시티입니다.


문의 주신 내용에 대해 답변 드립니다.

1. 다수의 원형 차트를 웹 브라우저 창의 한 화면에 생성하는 방법

: id 속성이 지정된 호스트 요소들을 생성한 후, 각 요소에 FlexPie 컨트롤을 생성하여 다수의 원형 차트를 생성할 수 있습니다.

아래의 샘플을 참고해보시기 바랍니다.

샘플은 다음과 같이 구현되었습니다.

  1.  id 속성이 지정된 div 태그(호스트 요소)들을 생성합니다.
  2.  각 요소에 FlexPie 컨트롤을 생성합니다. 
  3.  이때, 생성되는 FlexPie 컨트롤의 데이터는 각기 다른 데이터로 바인딩합니다.


2. 원형 차트의 CSS height 속성을 설정하는 방법

: 차트 생성 시 해당 요소에 지정되는 .wj-flexchart 선택자 혹은 특정 차트 요소를 가리키는 아이디 선택자를 이용하여 CSS height 속성 값을 설정 할 수 있습니다.

아래의 코드를 참고해 보시기 바랍니다.

// 생성된 모든 차트의 CSS height 속성을 설정하는 경우
.wj-flexchart{
  height:450px;
}

// id 속성이 'chart' 인 차트 요소의 CSS height 속성을 설정하는 경우
#chart{
  height:500px; 
}


- 기본 원형 차트


API 문서를 공유드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.