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

bar chart 생성시 Vue warn (itemSource, bar) > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS bar chart 생성시 Vue warn (itemSource, bar)

페이지 정보

작성자 skdlvk 작성일 2022-11-17 17:01 조회 842회 댓글 0건
제품 버전 : vue@2.7.8

본문


Vue에서 개발 중 아래와 같이 warn 경고가 뜹니다.


Error in callback for watcher "itemsSource": "** Assertion failed in Wijmo: Array or ICollectionView expected.


Error in mounted hook: "** Assertion failed in Wijmo: Invalid enum value: "bar" Error


1. npm install @grapecity/wijmo.all를 통해 설치는 완료하였고

2. 차트는 그려지나 원인을 알지 못하겠습니다.

3. 코드는 아래와 같습니다. 문법에 문제가 있는 것일까요? Bar로 하면 y축으로 x축이 변경되어서 출력됩니다.


답변 부탁드립니다.

<wj-flex-chart id="Chart4" :chartType="'bar'" :itemsSource="data4" :bindingX="'parts_code'" :palette="['rgba(42,159,214,1)', 'rgba(119,179,0,1)', 'rgba(153,51,204,1)', 'rgba(255,136,0,1)', 'rgba(204,0,0,1)', 'rgba(0,204,163,1)', 'rgba(61,109,204,1)', 'rgba(82,82,82,1)', 'rgba(0,0,0,1)']">
                      <wj-flex-chart-legend position="Bottom"> </wj-flex-chart-legend>
                      <wj-flex-chart-series name="count_num" binding="count_num">
                      </wj-flex-chart-series>
                      <wj-flex-chart-axis wjProperty="axisY" :axisLine="true">
                      </wj-flex-chart-axis>
                    </wj-flex-chart>
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: bar chart 생성시 Vue warn (itemSource, bar)

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

페이지 정보

작성자 GCK다이애나 작성일 2022-11-18 14:12 댓글 0건

본문

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


문의 주신 내용에 대해 답변 드립니다.

1. Error in callback for watcher "itemsSource": "** Assertion failed in Wijmo: Array or ICollectionView expected.

해당 오류는 차트의 itemsSource 속성 값이 올바르게 지정되지 않았을 때 발생하는 오류입니다.

차트의 itemsSource 속성 값은 배열 값 혹은 ICollectionView 객체를 지정해 주셔야 합니다.

ICollectionView 객체는 CollectionView 클래스를 통해 생성되는 객체로, 해당 객체를 이용하여 차트에 바인딩된 데이터를 관리 및 재구성(정렬, 필터링, 그룹화)할 수 있습니다.

생성하신 차트의 itemsSource 속성 값이 배열 값 혹은 ICollectionView 객체로 지정되어 있는지 확인해 보시기 바랍니다.

이와 관련된 데모 및 API 문서를 공유 드리오니 자세한 사항은 아래의 문서를 참고해 주시기 바랍니다.

- CollectionView (Vue) 데모

- itemsSource API 문서

- ICollectionView API 문서


2. Error in mounted hook: "** Assertion failed in Wijmo: Invalid enum value: "bar" Error

해당 오류 내용 및 전달해주신 코드를 확인해 본 결과, 차트의 chartType 속성 값을 올바르게 지정하지 않아 나타나는 오류로 보입니다.

차트의 chartType 속성 값을 'bar' 이 아닌 'Bar' 로 지정해 주셔야 합니다.

이와 관련된 데모 및 API 문서를 공유 드리오니 참고해 주시기 바랍니다.

- 누적 가로 막대형 (Vue) 데모

- chartType API 문서

- ChartType Enumeration Bar API 문서


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


감사합니다.


그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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