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

차트 범례 순서 변경 방법 문의 > Q&A | 토론

본문 바로가기

VueJS 차트 범례 순서 변경 방법 문의

페이지 정보

작성자 랄라랄라요 작성일 2023-11-23 08:51 조회 139회 댓글 0건
제품 버전 : 5.20231.888
컨트롤 이름 : WjFlexChartLegend

본문

안녕하세요. 


차트 범례 순서 변경 방법에 대해 문의드립니다. 


예를 들어,

시리즈는 A, B, C, D 순서로 데이터가 들어가서 보이는데


이때 범례를 오른쪽 위치로 설정하면

A,

B,

C,

D

순서로 보이게 됩니다.


이 순서를 거꾸로 하여

D,

C,

B,

A

순서로 보이도록 하는 방법에 대해 알고 싶습니다.


// 범례 요소 찾기

  const legendHost = chart.hostElement.querySelector('.wj-legend');


  if (legendHost) {

    // 범례 아이템 순서 뒤집기

    const items = Array.from(legendHost.children);

    items.reverse().forEach(item => legendHost.appendChild(item));

  }


이런 식으로 onRendered 이벤트에서 변경하면, DOM 요소 순서가 변경되기는 하나,

차트 범례 텍스트는 실제로 변경되지 않습니다. 

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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: 차트 범례 순서 변경 방법 문의

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

페이지 정보

작성자 MESCIUS루시 작성일 2023-11-24 16:55 댓글 0건

본문

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


문의하신 내용과 관련하여 아래 Q&A 글을 함께 참고하여 주시기 바랍니다.


- 누적 가로 막대형 범례 순서 문의


답변에서도 확인하실 수 있듯이 범례의 위치에 따라 x,y축을 재설정해주셔야 하며 이와 관련하여 아래 샘플을 공유드리오니 참고부탁드립니다.


 


다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

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