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

탭과 함께 차트를 사용 중입니다. > Q&A | 토론

본문 바로가기

PureJS 탭과 함께 차트를 사용 중입니다.

페이지 정보

작성자 유니 작성일 2023-02-06 13:47 조회 656회 댓글 0건
제품 버전 : Wijmo > FlexChart / 평가버전 (5.20221.857)

본문

ui는 Rui라는 타 프로그램을 사용하고 있습니다.

해당 부분에서 Rui로 탭을 구성 후, 검색 조건으로 년도를 클릭 후, 탭에 맞게 차트를 구성하고 있습니다.


년도로 처음 데이터를 불러와 차트를 구성할 때에는 탭별로 정상적으로 차트가 동작하나,

년도를 변경 후 탭을 클릭하면 이전 데이터로 차트가 구성되고 있습니다.

(예 2023년으로 검색 후 탭1의 차트를 보고 2022년으로 검색 후 탭1을 보면 차트가 정상적으로 나옵니다.

2023으로 검색 후 탭1, 탭2, 탭3, 탭4의 차트를 확인 후 2022년으로 변경 후 탭1, 탭2, 탭3, 탭4 차트를 확인하면

2023 차트의 내용이 나오고 있습니다.)


년도 변경시 차트가 있다고 오류가 발생 하여, if를 통해서 차트가 있는지 여부를 파악 후 차트를 만들었습니다.


아래는 코드를 몇몇 부분만 정리해서 올렸습니다.

console.log(barchart.itemsSource)로 로그를 찍을 경우 데이터 변경되는 것이 확인 되었으나, 실제 차트의 모양은 변경되지 않아 문의 드립니다.

-------------------------------------------


var barchar;

//탭 클릭 시마다 해당 탭의 idx를 넘겨서 chart 만드는 함수를 호출
chart_init(idx);

function chart_init(idx) {
	if(차트가 있을 시){

		var data = new wijmo.collections.CollectionView(charDate);

		barchar.collectionView.refresh();
		barchar.refresh(true);
	
		barchar.itemsSource = data;

	} else {

		barchar = new wijmo.char.FlexChar('#charGrid'+idx, {
			legend : {position: wijmo.chart.Position.Right},
			axisY : {
				format: '{value:n0}'
			},
			bindingX : 'country',
			series: charSeries,
			stacking: wijmo.chart.Stacking.Stacked,
			selectionMode: wijmo.chart.SelectionMode.Point,
			itemsSource : charDate,
		})
	}

}
[이 게시물은 GrapeCity님에 의해 2023-02-07 09:54:07 SpreadJS - Q&A | 토론에서 이동 됨]
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: 탭과 함께 차트를 사용 중입니다.

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

페이지 정보

작성자 GCK써니 작성일 2023-02-07 14:57 댓글 2건

본문

유니 님, 안녕하세요.

그레이프시티 입니다.


*본 문의는 "Wijmo" 제품에 대한 문의임에 따라, SpreadJS 게시판에서 Wijmo 게시판으로 이동되었음을 참고 부탁드립니다.


자세한 내용과 함께 문의주심에 감사드립니다.

다만, 전달해주신 샘플 코드를 참고하여 다음과 같이 구현해보았으나, 말씀하신 차트 모양이 변경되지 않는 현상이 재현 되지 않았습니다.


아래 샘플 코드를 참고하셔서, 이슈가 발생하는 코드와 다르게 구현된 부분이 있는지 비교하여 확인 부탁드립니다.



아울러 정확한 원인 확인 및 안내를 위해, 저희 쪽에서 실행하여 이슈를 재현해볼 수 있는 샘플을 공유해주시면 확인 후 회신 드리겠습니다.


감사합니다.

그레이프시티 드림

댓글목록

유니님의 댓글

유니 작성일

답변 확인 후 적용하니 정상적으로 작동합니다. 감사합니다.

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