VueJS 라인 차트 관련 질문
페이지 정보
작성자 jw2504 작성일 2021-10-27 18:07 조회 2,661회 댓글 1건본문
관련링크
안녕하세요
라인 차트 2개를 그릴때 한 개의 라인 차트에는 아이템이 지정한 개수 만큼만 보이게 처리하는 방법 문의합니다.
위 그림처럼 빨간색 라인 차트는 4월까지 표시하고 싶은데 차트를 랜더하는 과정에서 처리할 수 있는지 궁금합니다.
안녕하세요
라인 차트 2개를 그릴때 한 개의 라인 차트에는 아이템이 지정한 개수 만큼만 보이게 처리하는 방법 문의합니다.
위 그림처럼 빨간색 라인 차트는 4월까지 표시하고 싶은데 차트를 랜더하는 과정에서 처리할 수 있는지 궁금합니다.
안녕하세요 그레이프시티입니다.
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(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다
등록된 댓글이 없습니다.