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

FlexPie 차트의 크기조정 > Q&A | 토론

본문 바로가기

VueJS FlexPie 차트의 크기조정

페이지 정보

작성자 CWJ83 작성일 2023-11-03 16:40 조회 164회 댓글 0건
제품 버전 : 2023V1
컨트롤 이름 : FlexPie

본문

안녕하세요. 

FlexPie 차트를 이용해서 3개의 차트를 생성하는데

동일한 heigh, width 영역에서 3개의 차트를 생성하면

우측 legend의 텍스트 길이에따라 차트의 크기가 다르게 나타납니다.


소스를 어떻게 변경해야할까요?

<div class="common">
                <h3>저장공간 통계</h3>
                <div class="container-fluid" style='width= 100%'>
	                <wj-flex-pie bindingName="type" binding="per" 
		                :itemsSource="chartdata1" :tooltipContent="tooltipContent" :startAngle="90"
		                :palette="['rgba(136,189,230,0.7)', 'rgba(251,178,88,0.7)', 'rgba(144,205,151,0.7)', 'rgba(246,170,201,0.7)']">
		            </wj-flex-pie>
	            </div>
            </div>



 


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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: FlexPie 차트의 크기조정

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

페이지 정보

작성자 MESCIUS루시 작성일 2023-11-07 17:25 댓글 0건

본문

안녕하세요 메시어스입니다.


문의하신 기능의 경우, maxSize 속성을 이용하여 범례의 최대 크기를 지정하여 차트 슬라이스의 크기를 조정할 수 있습니다. 아래 간단한 코드 및 API 문서를 공유드리오니 참고 부탁드립니다.


<wj-flex-pie bindingName="brand" binding="sales" :itemsSource="data" :initialized="chartInit"></wj-flex-pie>
(...)
    chartInit(chart) {
      chart.legend.maxSize = "200px";
    },


- maxSize API 문서


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


감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

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