VueJS 차트 범례 순서 변경 방법 문의
추천0 비추천 0
페이지 정보
작성자 랄라랄라요 작성일 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 요소 순서가 변경되기는 하나,
차트 범례 텍스트는 실제로 변경되지 않습니다.
댓글목록
등록된 댓글이 없습니다.