자바스프링 view로내린 리스트 변수를 html파일에서 타임리프를 통해 자바스크립트로 처리하려는데 char.js에서 문제가생겨 질문드립니다.

Question

네이버 데이터랩 api를 통해 검색어 트렌드 검색한 비율과 날짜를 리스트화 해서 두개의 리스트를만들었습니다. 그후 두 Arraylist 타입의 리스트를 Controller에서 model을 통해 html 파일로 내렸습니다. 그이후 자바스크립트에서 타임리프를 통해 불러와 char.js를 통해 그래프로 시각화하기위해 값을 넣는과정에서 y축(검색비율)은 값을 정확히 인식하는반면 x축(날짜)에서는 값을 정확히 인식하지못하고 이상하게 나옵니다.위에 코드를 보시면 var str1 = "[[${xAxisData.get(0)}]]"; 을 넣었을때에는 xAxisData.get(0)의값이 전부들어가나 제가원하는것은 xAxisData리스트에들어있는 모든값을 넣어주는것이기때문에 var str1 = "[[${xAxisData.get(" + i + ")}]]"; 로바꾸어 이런식으로 i의값이 커짐에 따라 리스트의 모든 값을 넣을수있도록하였으나 값이 안넣어진건지 whitelabel이 자꾸 뜨네요 아시는 고수님들 알려주실수있을까요..

[object Object] · Answer

타임리프는 서버사이드 랜더링이고 자바스크립트는 클라이언트 사이드 랜더링입니다. 수정이을 최소화 하는 방법으로는 타임리프에서 each로 넣으면 되긴하는데자바스크립트에 자바변수를 넣는건 지양하는 것이 좋습니다.데이터를 비동기로 받는 컨트롤러를 만들어서 js에서 제이슨으로 데이터를 받고 사용하는 걸로 바꾸시는게 좋아보여요

초무쿤 · Answer

<sciprt th:inline&#61;&#34;javascript&#34;>~~~

자바스프링 view로내린 리스트 변수를 html파일에서 타임리프를 통해 자바스크립트로 처리하려는데 char.js에서 문제가생겨 질문드립니다.

2개의 답변

#chartjs 목록