Front

[echarts] 차트 높이 설정하기

오선지♬ 2022. 4. 26. 23:35
728x90
반응형

echarts로 차트를 사용할 때 높이설정이 매번 다르게 되었다.

그 이유를 찾아보니까

차트 div태그의 부모태그의 높이가 설정이 되어있어야 차트높이도 설정한 값대로 출력이 된다는 것이다..!

그전에 작성한 코드도 다 수정해야겠다.

뒤죽박죽 %설정해놨는데 ...

 

+ 기본적으로 chart 그리기전에 준비해야하는 것이 너비, 높이 설정된 부모태그라고 한다. 높이 뿐만이 아니라

근데 내 경우에는 너비는 이미 설정되어있었다

부모태그에 설정해 놓지 않은 경우에는 차트를 그려도 아예 안나타나는 경우도 있다.

height : 300%  이렇게 설정해야 나오고 .. 

728x90
반응형

'Front' 카테고리의 다른 글

컴포넌트란?  (0) 2022.09.29
[thymeleaf] thymeleaf란 ?  (0) 2022.04.27
[Bootstrap ] tab event  (0) 2022.04.11
렌더링이란?  (0) 2022.04.08
[Bootstrap] Grid System  (0) 2022.03.21