[japserstudio] #8 jasper multi axis차트, 축두개인 차트 만들기, 차트 두개 합치기,멀티 axis차트

내가 가장 헤맸던 차트에 축두개 만드는 방법

유튜브까지 보면서 찾아봤다..

 

 

 

 

 

 

기본차트 만드는 것과 똑같이  elements 창에서 chart를 클릭

 

 

 

 

 

 

 

접근방법이 달랐다

Bar chart를 클릭해서 거기서 축을 추가하는 줄 알았는데 애초에 MultiAxis Chart를 선택해야하는 거였다

 

 

 

 

 

 

 

그리고 나서 원하는 멀티차트가 어떤 차트로 표출되기를 원하는지 선택해준다

이번엔 line chart를 해보겠습니다

 

 

 

 

 

 

 

기본차트가 나왔다

Fit Width를 클릭해서 차트를 리포트크기에 맞게 최대한 맞춰준다

이렇게 예쁘게 나오게 설정해두고

 

 

 

 

 

 

나는 위와 같은 데이터를 차트로 만들어보겠다

그러면 일단 해당 report에서 쿼리로 뿌려주는 저 dataset이 있어야한다

 

 

 

 

데이터셋이 없으면 리포트의 오른쪽을 클릭해 dataset and query를 클릭해서 

해당 쿼리를 만들어주고 저장해준다

 

 

 

 

데이터셋 만드는 방법은 아래 참고

https://wogus789789.tistory.com/428

[jasperstudio] #3 연결한 db에서 쿼리를 통해 데이터를 리포트에 표출하기

 

 

 

 

 

 

 

 

 

Multi Axis하위를 보면 Line Plot이 나오는데 여기서 Dataset을 클릭해준다

차트에 어떤 데이터를 넣을지 선택하는 구간이다

데이터셋을 따로 만들어서 해도되지만 나는 리포트에서 쓰는 메인데이터셋을 사용해보겠다

그러면 저기 차트속성에서 dataset을 Main Dataset으로 선택해준다

 

 

 

 

 

 

 

그러면 이렇게 Dataset을 눌렀을 때 create category series를 누를 수 있다

이걸 클릭하고 해당 차트에 추가할 항목갯수만큼 추가해준다

나는 두개를 해줬다

 

 

 

 

 

 

 

그리고 차트속성에서 Chart Series를 클릭

category Expression : 이건 밑에 라벨들표현식쓰는 것, 나는 일자별로 하기때문에 date일자 필드를 가져와서 형식설정함

series Expression : 이건 해당 항목의 범례라고 생각하면 쉬울 것 같다. 

value Expression : 이건 어떤 필드의 값이 나오느냐인데 보통 쿼리값의 필드에서 많이 불러온다

 

 

 

 

 

 

옆에 표현식 클릭하면 이렇게 데이터셋에 있는 필드들이 나오니까 클릭만 해주면 된다

원하는대로 형식도 바꿀 수 있음

 

 

 

 

 

 

 

 

이제 Multi Axis에서 축을 다르게 할 새로운 차트를 만들어준다

Create ChartAxis클릭해준다

 

 

 

 

 

 

 

 

같은 Line Chart로 선택해보겠다

 

 

 

 

 

 

 

그러면 이렇게 왼쪽이 Line Plot이 두개 생기고 차트에 보면 축이 두 개 생긴 것을 확인할 수 있다

성공...

 

 

 

 

 

 

 

 

그럼 두번째 차트도 똑같이 카테고리 추가해주고 속성창에 들어가서 Chart Series클릭해주고 원하는 항목을 추가해준다

 

 

 

 

 

 

 

 

그러면 이렇게 추가가 된 것을 확인할 수 있다

근데 나는 왼쪽 오른쪽에 축 하나씩을 두고싶다

 

 

 

 

오른쪽 축으로 보내고 싶은 Line Plot의 속성창을 클릭

Chart Axis를 클릭하고 Position에 rightOrBottom이라고 하면 해당 차트의 축은 오른쪽으로 간다

 

 

 

 

 

 

 

그리고 나는 저 선의 꼭짓점이라해야되나? 점도 없애고 싶어서 show shapes를 false로 뒀다

 

 

 

 

 

 

그러면 이렇게 원하는 차트가 완성된다.

multi axis차트 끝!