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

라인 차트 관련 질문 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS 라인 차트 관련 질문

페이지 정보

작성자 jw2504 작성일 2021-10-27 18:07 조회 2,661회 댓글 1건
제품 버전 : 5.20212.812
컨트롤 이름 : FlexChart, Series

본문

안녕하세요


라인 차트 2개를 그릴때 한 개의 라인 차트에는 아이템이 지정한 개수 만큼만 보이게 처리하는 방법 문의합니다.



 

위 그림처럼 빨간색 라인 차트는 4월까지 표시하고 싶은데 차트를 랜더하는 과정에서 처리할 수 있는지 궁금합니다.




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

댓글목록

GCK루시님의 댓글

GCK루시 작성일

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

문의 주신 내용은 현재 확인 중에 있으며 업데이트 되는 대로 안내 드리도록 하겠습니다.

감사합니다.
그레이프시티 드림

1 답변

VueJS Re: 라인 차트 관련 질문

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

페이지 정보

작성자 GCK루시 작성일 2021-10-29 10:45 댓글 0건

본문

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


Wijmo에서 FlexChartType을 Line 또는 SplineSymbols로 설정한 경우, 제공된 데이터를 기반으로 열 선이 그려지므로 차트의 열 선을 제거하기 위해서는 dataPoint에 대해 null 데이터를 제공해야 합니다.


이를 위해서 collectionView에서 계산된 필드를 나타내고 값이 expression(함수 또는 문자열)인 객체를 가져오거나 설정하는 calculatedFields 속성을 사용하여 조건에 따라 데이터를 업데이트하고 해당 포인트에 대해 null을 반환할 수 있습니다. 


아래 샘플에서는 일부 low 항목은 기본적으로 데이터가 null 포함하는 경우, 나타나지 않고 있으며 high 항목의 경우, 기존 데이터를 조건에 따라 재가공하여 null 처리 및 열 선을 제거하도록 구현되었습니다.




- collectionView로 데이터 로드 : https://demo.grapecity.co.kr/wijmo/docs/Topics/Wijmo/Collections/Loading-Data

- 계산된 필드 : https://demo.grapecity.co.kr/wijmo/docs/Topics/Wijmo/Collections/Calculated-Fields 

- collectionView : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo.collectionview.html


관련하여 도움말 문서를 전달 드리오니 다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 



감사합니다. 

그레이프시티 드림 



* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다

댓글목록

등록된 댓글이 없습니다.

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